chore(benchpress): add benchmarks for select with ngValue

petebacondarwin · Narretz · commit 7b50f498eb06 · 2016-07-01T13:00:56.000+02:00
diff --git a/benchmarks/select-ng-value-bp/app.js b/benchmarks/select-ng-value-bp/app.js
@@ -0,0 +1,104 @@
+"use strict";
+
+/* globals angular, benchmarkSteps */
+
+var app = angular.module('selectBenchmark', []);
+
+app.config(function($compileProvider) {
+  if ($compileProvider.debugInfoEnabled) {
+    $compileProvider.debugInfoEnabled(false);
+  }
+});
+
+
+
+app.controller('DataController', function($scope, $element) {
+  $scope.groups = [];
+  $scope.count = 10000;
+
+  function changeOptions() {
+    $scope.groups = [];
+    var i = 0;
+    var group;
+    while(i < $scope.count) {
+      if (i % 100 === 0) {
+        group = {
+          name: 'group-' + $scope.groups.length,
+          items: []
+        };
+        $scope.groups.push(group);
+      }
+      group.items.push({
+        id: i,
+        label: 'item-' + i
+      });
+      i++;
+    }
+  }
+
+  var selectElement = $element.find('select');
+  console.log(selectElement);
+
+
+  benchmarkSteps.push({
+    name: 'add-options',
+    fn: function() {
+      $scope.$apply(function() {
+        $scope.count = 10000;
+        changeOptions();
+      });
+    }
+  });
+
+  benchmarkSteps.push({
+    name: 'set-model-1',
+    fn: function() {
+      $scope.$apply(function() {
+        $scope.x = $scope.groups[10].items[0];
+      });
+    }
+  });
+
+  benchmarkSteps.push({
+    name: 'set-model-2',
+    fn: function() {
+      $scope.$apply(function() {
+        $scope.x = $scope.groups[0].items[10];
+      });
+    }
+  });
+
+  benchmarkSteps.push({
+    name: 'remove-options',
+    fn: function() {
+      $scope.count = 100;
+      changeOptions();
+    }
+  });
+
+  benchmarkSteps.push({
+    name: 'add-options',
+    fn: function() {
+      $scope.$apply(function() {
+        $scope.count = 10000;
+        changeOptions();
+      });
+    }
+  });
+
+  benchmarkSteps.push({
+    name: 'set-view-1',
+    fn: function() {
+      selectElement.val('2000');
+      selectElement.triggerHandler('change');
+    }
+  });
+
+  benchmarkSteps.push({
+    name: 'set-view-2',
+    fn: function() {
+      selectElement.val('1000');
+      selectElement.triggerHandler('change');
+    }
+  });
+});
diff --git a/benchmarks/select-ng-value-bp/bp.conf.js b/benchmarks/select-ng-value-bp/bp.conf.js
@@ -0,0 +1,11 @@
+module.exports = function(config) {
+  config.set({
+    scripts: [    {
+      id: 'angular',
+      src: '/build/angular.js'
+    },
+    {
+      src: 'app.js',
+    }]
+  });
+};
diff --git a/benchmarks/select-ng-value-bp/main.html b/benchmarks/select-ng-value-bp/main.html
@@ -0,0 +1,15 @@
+<div ng-app="selectBenchmark" ng-cloak>
+  <div ng-controller="DataController">
+    <div class="container-fluid">
+      <p>
+        Tests the execution of a select with ngRepeat'ed options with ngValue for rendering during model
+        and option updates.
+      </p>
+      <select ng-model="x">
+        <optgroup ng-repeat="g in groups track by g.name" label="{{g.name}}">
+          <option ng-repeat="a in g.items track by a.id" ng-value="a">{{a.label}}</option>
+        </optgroup>
+      </select>
+    </div>
+  </div>
+</div>
