2017-12-11 18:15:57 +01:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<h2>Params</h2>
|
|
|
|
|
<form>
|
|
|
|
|
Depth:
|
|
|
|
|
<input type="number" name="depth" placeholder="depth" value="9">
|
|
|
|
|
<br>
|
|
|
|
|
<button>Apply</button>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<h2>Render3 Tree Benchmark</h2>
|
|
|
|
|
<p>
|
|
|
|
|
<button id="destroyDom">destroyDom</button>
|
|
|
|
|
<button id="createDom">createDom</button>
|
|
|
|
|
<button id="detectChanges">detectChanges</button>
|
|
|
|
|
<button id="updateDomProfile">profile updateDom</button>
|
|
|
|
|
<button id="createDomProfile">profile createDom</button>
|
|
|
|
|
<button id="detectChangesProfile">profile detectChanges</button>
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
Change detection runs:<span id="numberOfChecks"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<tree id="root"></tree>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script>
|
2018-01-12 14:17:44 +01:00
|
|
|
// TODO(mlaval): remove once we have a proper solution
|
|
|
|
|
ngDevMode = false;
|
2018-10-19 19:45:24 -07:00
|
|
|
var bazelBundle = document.location.search.endsWith('debug') ? 'bundle.min_debug.js' : 'bundle.min.js';
|
|
|
|
|
document.write('<script src="' + bazelBundle + '">\u003c/script>');
|
2017-12-11 18:15:57 +01:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
