honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perf(core): use multiple directives in host bindings micro benchmark (#35736) 

This commit updates the host bindings micro benchmark to run tests with mutliple directives (where each directive contains host bindings). The number of directives is configurable as a constant in the micro benchmark file. This change is needed to have an ability to measure/compare perf in different scenarios.

PR Close #35736
This commit is contained in:
Andrew Kushnir 2020-02-27 17:37:36 -08:00 committed by atscott
parent ef75875ca3
commit 5bc39f8c8d
1 changed files with 28 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
packages/core/test/render3/perf/host_binding/index.ts
View File

@ -11,7 +11,12 @@ import {TAttributes} from '../../../../src/render3/interfaces/node';
import {createBenchmark} from '../micro_bench'; import {createBenchmark} from '../micro_bench';
import {setupTestHarness} from '../setup'; import {setupTestHarness} from '../setup';
` // Number of Directives with Host Binding and Host Listener
// that should be generated for one element in a template.
const HOST_BINDING_DIRS_COUNT = 100;
function generateHostBindingDirDef() {
`
@Directive({ @Directive({
selector: '[hostBindingDir]' selector: '[hostBindingDir]'
}) })
@ -25,24 +30,26 @@ import {setupTestHarness} from '../setup';
onClick(event: any): void {} onClick(event: any): void {}
} }
`; `;
class HostBindingDir { class HostBindingDir {
static ɵfac() { return new HostBindingDir(); } static ɵfac() { return new HostBindingDir(); }
static ɵdir = ɵɵdefineDirective({ static ɵdir = ɵɵdefineDirective({
type: HostBindingDir, type: HostBindingDir,
selectors: [['', 'hostBindingDir', '']], selectors: [['', 'hostBindingDir', '']],
hostVars: 2, hostVars: 2,
hostBindings: function(rf: RenderFlags, ctx: any) { hostBindings: function(rf: RenderFlags, ctx: any) {
if (rf & 1) { if (rf & 1) {
ɵɵlistener('click', function() { return ctx.onClick(); }); ɵɵlistener('click', function() { return ctx.onClick(); });
}
if (rf & 2) {
ɵɵhostProperty('data-a', ctx.exp);
}
} }
if (rf & 2) { });
ɵɵhostProperty('data-a', ctx.exp);
}
}
});
exp = 'string-exp'; exp = 'string-exp';
onClick() {} onClick() {}
}
return HostBindingDir.ɵdir;
} }
` `
@ -56,7 +63,10 @@ function componentTemplateFn(rf: RenderFlags, ctx: any) {
const context: any = {}; const context: any = {};
const consts: TAttributes[] = [['hostBindingDir', '']]; const consts: TAttributes[] = [['hostBindingDir', '']];
const directives: DirectiveDefList = [HostBindingDir.ɵdir]; const directives: DirectiveDefList = [];
for (let i = 0; i < HOST_BINDING_DIRS_COUNT; i++) {
directives.push(generateHostBindingDirDef());
}
const harness = setupTestHarness(componentTemplateFn, 1, 0, 1000, context, consts, directives); const harness = setupTestHarness(componentTemplateFn, 1, 0, 1000, context, consts, directives);
// Benchmark host bindings execution in *creation* mode // Benchmark host bindings execution in *creation* mode