120 lines
4.5 KiB
TypeScript
120 lines
4.5 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google Inc. All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
|
|
import {getIntParameter, getStringParameter, bindAction} from '@angular/testing/src/benchmark_util';
|
|
declare var angular: any;
|
|
|
|
const totalRows = getIntParameter('rows');
|
|
const totalColumns = getIntParameter('columns');
|
|
const benchmarkType = getStringParameter('benchmarkType');
|
|
|
|
export function main() {
|
|
angular.bootstrap(document.querySelector('largetable'), ['app']);
|
|
}
|
|
|
|
angular.module('app', [])
|
|
.config(function($compileProvider) {
|
|
if ($compileProvider.debugInfoEnabled) {
|
|
$compileProvider.debugInfoEnabled(false);
|
|
}
|
|
})
|
|
.filter('noop', function() { return function(input) { return input; }; })
|
|
.directive('largetable',
|
|
function() {
|
|
return {
|
|
restrict: 'E',
|
|
templateUrl: 'largetable-js-template.html',
|
|
controller: 'DataController'
|
|
};
|
|
})
|
|
.controller('DataController',
|
|
function($scope) {
|
|
bindAction('#destroyDom', destroyDom);
|
|
bindAction('#createDom', createDom);
|
|
|
|
function destroyDom() {
|
|
$scope.$apply(function() { $scope.benchmarkType = 'none'; });
|
|
}
|
|
|
|
function createDom() {
|
|
$scope.$apply(function() { $scope.benchmarkType = benchmarkType; });
|
|
}
|
|
|
|
const data = $scope.data = [];
|
|
|
|
function iGetter() { return this.i; }
|
|
function jGetter() { return this.j; }
|
|
|
|
for (let i = 0; i < totalRows; i++) {
|
|
data[i] = [];
|
|
for (let j = 0; j < totalColumns; j++) {
|
|
data[i][j] = {i: i, j: j, iFn: iGetter, jFn: jGetter};
|
|
}
|
|
}
|
|
})
|
|
.directive('baselineBindingTable',
|
|
function() {
|
|
return {
|
|
restrict: 'E',
|
|
link: function($scope, $element) {
|
|
let i, j, row, cell, comment;
|
|
const template = document.createElement('span');
|
|
template.setAttribute('ng-repeat', 'foo in foos');
|
|
template.classList.add('ng-scope');
|
|
template.appendChild(document.createElement('span'));
|
|
template.appendChild(document.createTextNode(':'));
|
|
template.appendChild(document.createElement('span'));
|
|
template.appendChild(document.createTextNode('|'));
|
|
|
|
for (i = 0; i < totalRows; i++) {
|
|
row = document.createElement('div');
|
|
$element[0].appendChild(row);
|
|
for (j = 0; j < totalColumns; j++) {
|
|
cell = template.cloneNode(true);
|
|
row.appendChild(cell);
|
|
cell.childNodes[0].textContent = i;
|
|
cell.childNodes[2].textContent = j;
|
|
cell.ng3992 = 'xxx';
|
|
comment = document.createComment('ngRepeat end: bar in foo');
|
|
row.appendChild(comment);
|
|
}
|
|
|
|
comment = document.createComment('ngRepeat end: foo in foos');
|
|
$element[0].appendChild(comment);
|
|
}
|
|
}
|
|
};
|
|
})
|
|
.directive('baselineInterpolationTable', function() {
|
|
return {
|
|
restrict: 'E',
|
|
link: function($scope, $element) {
|
|
let i, j, row, cell, comment;
|
|
const template = document.createElement('span');
|
|
template.setAttribute('ng-repeat', 'foo in foos');
|
|
template.classList.add('ng-scope');
|
|
|
|
for (i = 0; i < totalRows; i++) {
|
|
row = document.createElement('div');
|
|
$element[0].appendChild(row);
|
|
for (j = 0; j < totalColumns; j++) {
|
|
cell = template.cloneNode(true);
|
|
row.appendChild(cell);
|
|
cell.textContent = '' + i + ':' + j + '|';
|
|
cell.ng3992 = 'xxx';
|
|
comment = document.createComment('ngRepeat end: bar in foo');
|
|
row.appendChild(comment);
|
|
}
|
|
|
|
comment = document.createComment('ngRepeat end: foo in foos');
|
|
$element[0].appendChild(comment);
|
|
}
|
|
}
|
|
};
|
|
});
|