33 lines
823 B
HTML
33 lines
823 B
HTML
|
<!doctype html>
|
||
|
|
<script src="style-bench.js"></script>
|
||
|
|
<body>
|
||
|
|
<div id="testroot"></div>
|
||
|
|
<div id="controls">
|
||
|
|
<select></select>
|
||
|
|
<button onclick="createBenchmarkFromSelect()">Initialize</button>
|
||
|
|
<button onclick="createBenchmarkFromSelect().runForever()">Initialize and run</button>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
const configurations = StyleBench.predefinedConfigurations();
|
||
|
|
|
||
|
|
const select = document.querySelector("#controls select");
|
||
|
|
for (const configuration of configurations) {
|
||
|
|
const option = document.createElement("option");
|
||
|
|
option.innerHTML = configuration.name;
|
||
|
|
select.appendChild(option);
|
||
|
|
}
|
||
|
|
|
||
|
|
function createBenchmark(configuration)
|
||
|
|
{
|
||
|
|
controls.remove();
|
||
|
|
|
||
|
|
return new StyleBench(configuration);
|
||
|
|
}
|
||
|
|
|
||
|
|
function createBenchmarkFromSelect()
|
||
|
|
{
|
||
|
|
return createBenchmark(configurations[select.selectedIndex]);
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|