Retest buttons added to test cases

testjs.html

@@ -53,6 +53,12 @@
 				color: var(--color-secondary);
 				font-size: 80%;
 			}
+			.testcasererun {
+				float: right;
+				padding-left: 0.5em;
+				cursor: pointer;
+				font-size: 150%;
+			}
 			.testcaseresult {
 				height: 1em;
 			}
@@ -252,6 +258,18 @@
 				toHTML() {
 					var html = `<div class="testcase" id="${this.#cssId}">`;
 					html += `<div class="testcasename"><span class="testcasemethod">${this.methodName}</span></div>`;
+					if (this.result == ResultType.passed || this.result == ResultType.failed || this.result == ResultType.errored) {
+						const rerunId = `testcasererun-${this.#cssId}`;
+						const testId = this.uniqueId;
+						html += `<div class="testcasererun" id="${rerunId}">🔄</div>`;
+						setTimeout(() => {
+							const node = document.getElementById(rerunId);
+							if (!node) return;
+							node.addEventListener('click', () => {
+								TestClassRunner.rerun(testId);
+							});
+						}, 0);
+					}
 					html += '<div class="testcaseresult">';
 					switch (this.result) {
 						case ResultType.untested:
@@ -399,38 +417,66 @@
 								break;
 							}
 						}
-						document.getElementById(`${this.#cssId}details`).open = !allPassed;
+						if (!TestClassRunner.#isRerunning) {
+							document.getElementById(`${this.#cssId}details`).open = !allPassed;
+						}
 					}
 				}
 
+				static #idToTestCase = {}; // number -> [TestClassRunner, TestCaseRunner]
 				static runAll(testClasses) {
-					var tests = [];  // tuples of TestClassRunner and TestCaseRunner
 					for (const testClass of testClasses) {
 						const classRunner = new TestClassRunner(testClass);
 						classRunner.updateHTML();
-						tests.push(...classRunner.testCases.map(function(test) { return [ classRunner, test ] }));
+						const cases = classRunner.testCases.map(function(test) { return [ classRunner, test ] });
+						for (const testTuple of cases) {
+							this.#idToTestCase[testTuple[1].uniqueId] = testTuple;
+						}
+						this.#testQueue.push(...cases);
 					}
-					var testInterval = setInterval(function() {
-						if (tests.length == 0) {
-							clearInterval(testInterval);
-							testInterval = null;
+					this.#runTestQueue();
+				}
+
+				static #testQueue = [];  // tuples of [TestClassRunner, TestCaseRunner]
+				static #testInterval = null;
+				static #isRerunning = false;
+				static #runTestQueue() {
+					if (this.#testInterval) return;
+					this.#testInterval = setInterval(function() {
+						if (TestClassRunner.#testQueue.length == 0) {
+							clearInterval(TestClassRunner.#testInterval);
+							TestClassRunner.#testInterval = null;
 							return;
 						}
 						var classRunner;
 						var testCase;
-						[ classRunner, testCase ] = tests[0];
+						[ classRunner, testCase ] = TestClassRunner.#testQueue[0];
 						if (testCase.result == ResultType.untested) {
 							testCase.result = ResultType.testing;
 							testCase.updateHTML();
 							classRunner.updateHTML();
 						} else if (testCase.result == ResultType.testing) {
-							tests.splice(0, 1);
+							TestClassRunner.#testQueue.splice(0, 1);
 							testCase.run();
 							testCase.updateHTML();
 							classRunner.updateHTML();
 						}
 					}, 1);
 				}
+
+				static rerun(testId) {
+					const tuple = this.#idToTestCase[testId];
+					if (!tuple) return;
+					/** @type {TestClassRunner} */
+					const testClass = tuple[0];
+					/** @type {TestCaseRunner} */
+					const testCase = tuple[1];
+					testCase.result = ResultType.untested;
+					testCase.updateHTML();
+					this.#testQueue.push([testClass, testCase]);
+					this.#isRerunning = true;
+					this.#runTestQueue();
+				}
 			}
 		</script>
 		<!-- Tests -->