c7e48350d3
These wrappers are not natively understood by ts2dart. Removing them will improve Dart2JS compilation due to fewer megamorphic calls to List functions. It also makes Angular code more succinct and improves type safety in Angular due to better type inference of the Array component type. This change exposed several bugs in Angular.
88 lines
2.7 KiB
TypeScript
88 lines
2.7 KiB
TypeScript
import {isPresent} from 'angular2/src/facade/lang';
|
|
import {getIntParameter, bindAction} from 'angular2/src/test_lib/benchmark_util';
|
|
import {TimerWrapper} from 'angular2/src/facade/async';
|
|
import {List, ListWrapper} from 'angular2/src/facade/collection';
|
|
import {ScrollAreaComponent} from './scroll_area';
|
|
import {NgIf, NgFor} from 'angular2/directives';
|
|
import {DOM} from 'angular2/src/dom/dom_adapter';
|
|
import {document} from 'angular2/src/facade/browser';
|
|
|
|
import {Component, Directive, View} from 'angular2/angular2';
|
|
|
|
|
|
@Component({selector: 'scroll-app'})
|
|
@View({
|
|
directives: [ScrollAreaComponent, NgIf, NgFor],
|
|
template: `
|
|
<div>
|
|
<div style="display: flex">
|
|
<scroll-area id="testArea"></scroll-area>
|
|
</div>
|
|
<div template="ng-if scrollAreas.length > 0">
|
|
<p>Following tables are only here to add weight to the UI:</p>
|
|
<scroll-area template="ng-for #scrollArea of scrollAreas"></scroll-area>
|
|
</div>
|
|
</div>`
|
|
})
|
|
export class App {
|
|
scrollAreas: List<int>;
|
|
iterationCount: int;
|
|
scrollIncrement: int;
|
|
|
|
constructor() {
|
|
var appSize = getIntParameter('appSize');
|
|
this.iterationCount = getIntParameter('iterationCount');
|
|
this.scrollIncrement = getIntParameter('scrollIncrement');
|
|
appSize = appSize > 1 ? appSize - 1 : 0; // draw at least one table
|
|
this.scrollAreas = [];
|
|
for (var i = 0; i < appSize; i++) {
|
|
this.scrollAreas.push(i);
|
|
}
|
|
bindAction('#run-btn', () => { this.runBenchmark(); });
|
|
bindAction('#reset-btn', () => {
|
|
this._getScrollDiv().scrollTop = 0;
|
|
var existingMarker = this._locateFinishedMarker();
|
|
if (isPresent(existingMarker)) {
|
|
DOM.removeChild(document.body, existingMarker);
|
|
}
|
|
});
|
|
}
|
|
|
|
runBenchmark() {
|
|
var scrollDiv = this._getScrollDiv();
|
|
var n: int = this.iterationCount;
|
|
var scheduleScroll;
|
|
scheduleScroll = () => {
|
|
TimerWrapper.setTimeout(() => {
|
|
scrollDiv.scrollTop += this.scrollIncrement;
|
|
n--;
|
|
if (n > 0) {
|
|
scheduleScroll();
|
|
} else {
|
|
this._scheduleFinishedMarker();
|
|
}
|
|
}, 0);
|
|
};
|
|
scheduleScroll();
|
|
}
|
|
|
|
// Puts a marker indicating that the test is finished.
|
|
_scheduleFinishedMarker() {
|
|
var existingMarker = this._locateFinishedMarker();
|
|
if (isPresent(existingMarker)) {
|
|
// Nothing to do, the marker is already there
|
|
return;
|
|
}
|
|
TimerWrapper.setTimeout(() => {
|
|
var finishedDiv = DOM.createElement('div');
|
|
finishedDiv.id = 'done';
|
|
DOM.setInnerHTML(finishedDiv, 'Finished');
|
|
DOM.appendChild(document.body, finishedDiv);
|
|
}, 0);
|
|
}
|
|
|
|
_locateFinishedMarker() { return DOM.querySelector(document.body, '#done'); }
|
|
|
|
_getScrollDiv() { return DOM.query('body /deep/ #testArea /deep/ #scrollDiv'); }
|
|
}
|