Add "Start Test" developerMode button (#333)
diff --git a/resources/developer-mode.mjs b/resources/developer-mode.mjs index 749b8c8..bd21a57 100644 --- a/resources/developer-mode.mjs +++ b/resources/developer-mode.mjs
@@ -13,14 +13,18 @@ const content = document.createElement("div"); content.className = "developer-mode-content"; content.append(createUIForSuites()); + content.append(document.createElement("hr")); content.append(createUIForMeasurementMethod()); content.append(document.createElement("br")); content.append(createUIForWarmupSuite()); content.append(document.createElement("br")); content.append(createUIForIterationCount()); - details.append(content); + content.append(document.createElement("hr")); + content.append(createUIForRun()); + + details.append(content); container.append(details); return container; } @@ -84,6 +88,7 @@ return label; } + export function createUIForSuites() { const control = document.createElement("nav"); const ol = document.createElement("ol"); @@ -179,6 +184,18 @@ return control; } +function createUIForRun() { + let button = document.createElement("button"); + button.textContent = `Start Test`; + button.onclick = (event) => { + globalThis.benchmarkClient.start(); + } + let buttons = document.createElement("div"); + buttons.className = "button-bar"; + buttons.appendChild(button); + return buttons +} + function updateURL() { const url = new URL(window.location.href);
diff --git a/resources/main.mjs b/resources/main.mjs index 95e9aee..43de1a6 100644 --- a/resources/main.mjs +++ b/resources/main.mjs
@@ -23,7 +23,12 @@ this._showSection(window.location.hash); } - startBenchmark() { + start() { + if (this._startBenchmark()) + this._showSection("#running"); + } + + _startBenchmark() { if (this._isRunning) return false; @@ -253,7 +258,7 @@ } if (params.startAutomatically) - this._startBenchmarkHandler(); + this.start(); } _hashChangeHandler() { @@ -271,8 +276,7 @@ } _startBenchmarkHandler() { - if (this.startBenchmark()) - this._showSection("#running"); + this.start(); } _logoClickHandler(event) {