12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- var BenchClass = function() {
- this.suites = [];
- this.THREE = window.THREE ;
- window.THREE = undefined;
- Benchmark.options.maxTime = 1.0;
- return this;
- }
- BenchClass.prototype.isTHREELoaded = function() {
- return _.isObject(this.THREE);
- }
- BenchClass.prototype.newSuite = function(name) {
- var s = new Benchmark.Suite(name);
- this.suites.push(s);
- return s;
- }
- BenchClass.prototype.display = function() {
- for (x of this.suites) {
- var s = new SuiteUI(x);
- s.render();
- }
- }
- BenchClass.prototype.warning = function(message) {
- console.error(message);
- }
- var SuiteUI = function(suite) {
- this.suite = suite;
- this.isRunning = false;
- return this;
- }
- SuiteUI.prototype.render = function() {
- var n = document.importNode(this.suiteTemplate, true);
- this.elem = n.querySelector("article");
- this.results = n.querySelector(".results");
- this.title = n.querySelector("h2");
- this.runButton = n.querySelector("h3");
- this.title.innerText = this.suite.name;
- this.runButton.onclick = this.run.bind(this);
- this.section.appendChild(n);
- }
- SuiteUI.prototype.run = function() {
- this.runButton.click = _.noop;
- this.runButton.innerText = "Running..."
- this.suite.on("complete", this.complete.bind(this));
- this.suite.run({
- async: true
- });
- }
- SuiteUI.prototype.complete = function() {
- this.runButton.style.display = "none";
- this.results.style.display = "block";
- var f = _.orderBy(this.suite, ["hz"], ["desc"]);
- for (var i = 0; i < f.length; i++) {
- var x = f[i];
- var n = document.importNode(this.suiteTestTemplate, true);
- n.querySelector(".name").innerText = x.name;
- n.querySelector(".ops").innerText = x.hz.toFixed();
- n.querySelector(".desv").innerText = x.stats.rme.toFixed(2);
- this.results.appendChild(n);
- }
- }
- var Bench = new BenchClass();
- window.addEventListener('load', function() {
- SuiteUI.prototype.suiteTemplate = document.querySelector("#suite").content;
- SuiteUI.prototype.suiteTestTemplate = document.querySelector("#suite-test").content;
- SuiteUI.prototype.section = document.querySelector("section");
- Bench.display();
- })
|