benchmark(change_detection): added a new set of benchmarks measuring updating properties

Author: vsavkin

modules/benchmarks/e2e_test/change_detection_perf.es6

@@ -6,11 +6,11 @@ describe('ng2 change detection benchmark', function () {
 
   afterEach(perfUtil.verifyNoBrowserErrors);
 
-  it('should log ng stats (dynamic)', function(done) {
+  it('should log ng stats (dynamic, reads)', function(done) {
     perfUtil.runClickBenchmark({
       url: URL,
-      buttons: ['#ng2ChangeDetectionDynamic'],
-      id: 'ng2.changeDetection.dynamic',
+      buttons: ['#ng2ChangeDetectionDynamicReads'],
+      id: 'ng2.changeDetection.dynamic.reads',
       params: [
         {name: 'numberOfChecks', value: 900000},
         {name: 'iterations', value: 20, scale: 'linear'}
@@ -21,11 +21,11 @@ describe('ng2 change detection benchmark', function () {
     }).then(done, done.fail);
   });
 
-  it('should log ng stats (jit)', function(done) {
+  it('should log ng stats (dynamic, writes)', function(done) {
     perfUtil.runClickBenchmark({
       url: URL,
-      buttons: ['#ng2ChangeDetectionJit'],
-      id: 'ng2.changeDetection.jit',
+      buttons: ['#ng2ChangeDetectionDynamicWrites'],
+      id: 'ng2.changeDetection.dynamic.writes',
       params: [
         {name: 'numberOfChecks', value: 900000},
         {name: 'iterations', value: 20, scale: 'linear'}
@@ -36,11 +36,56 @@ describe('ng2 change detection benchmark', function () {
     }).then(done, done.fail);
   });
 
-  it('should log baseline stats', function(done) {
+  it('should log ng stats (jit, reads)', function(done) {
     perfUtil.runClickBenchmark({
       url: URL,
-      buttons: ['#baselineChangeDetection'],
-      id: 'baseline.changeDetection',
+      buttons: ['#ng2ChangeDetectionJitReads'],
+      id: 'ng2.changeDetection.jit.reads',
+      params: [
+        {name: 'numberOfChecks', value: 900000},
+        {name: 'iterations', value: 20, scale: 'linear'}
+      ],
+      microMetrics: {
+        'detectChangesAvg': 'avg time to detect changes (ms)'
+      }
+    }).then(done, done.fail);
+  });
+
+  it('should log ng stats (jit, writes)', function(done) {
+    perfUtil.runClickBenchmark({
+      url: URL,
+      buttons: ['#ng2ChangeDetectionJitWrites'],
+      id: 'ng2.changeDetection.jit.writes',
+      params: [
+        {name: 'numberOfChecks', value: 900000},
+        {name: 'iterations', value: 20, scale: 'linear'}
+      ],
+      microMetrics: {
+        'detectChangesAvg': 'avg time to detect changes (ms)'
+      }
+    }).then(done, done.fail);
+  });
+
+  it('should log baseline stats (create)', function(done) {
+    perfUtil.runClickBenchmark({
+      url: URL,
+      buttons: ['#baselineChangeDetectionReads'],
+      id: 'baseline.changeDetection.reads',
+      params: [
+        {name: 'numberOfChecks', value: 900000},
+        {name: 'iterations', value: 20, scale: 'linear'}
+      ],
+      microMetrics: {
+        'detectChangesAvg': 'avg time to detect changes (ms)'
+      }
+    }).then(done, done.fail);
+  });
+
+  it('should log baseline stats (update)', function(done) {
+    perfUtil.runClickBenchmark({
+      url: URL,
+      buttons: ['#baselineChangeDetectionWrites'],
+      id: 'baseline.changeDetection.writes',
       params: [
         {name: 'numberOfChecks', value: 900000},
         {name: 'iterations', value: 20, scale: 'linear'}

modules/benchmarks/src/change_detection/change_detection_benchmark.html

@@ -14,9 +14,14 @@ <h2>Params</h2>
 
 <h2>Actions</h2>
 <p>
-<button id="ng2ChangeDetectionDynamic">Ng2 detect changes (dynamic)</button>
-<button id="ng2ChangeDetectionJit">Ng2 detect changes (jit)</button>
-<button id="baselineChangeDetection">baselineDetectChanges</button>
+<button id="ng2ChangeDetectionDynamicReads">Ng2 detect changes (reads, dynamic)</button>
+<button id="ng2ChangeDetectionDynamicWrites">Ng2 detect changes (writes, dynamic)</button>
+
+<button id="ng2ChangeDetectionJitReads">Ng2 detect changes (reads, jit)</button>
+<button id="ng2ChangeDetectionJitWrites">Ng2 detect changes (writes, jit)</button>
+
+<button id="baselineChangeDetectionReads">baselineDetectChangesReads</button>
+<button id="baselineChangeDetectionWrites">baselineDetectChangesWrites</button>
 </p>
 
 $SCRIPTS$