TODO: docs maybe??

see https://discord.com/channels/1388415325036609617/1458088018232479824/1484195713347879012

cmd/pkgserver/ui/static/test.ts

@@ -290,7 +290,6 @@ export class DOMReporter implements Reporter {
         }
         const counter = document.getElementById(`${result.state}-counter`);
         counter.innerText = (Number(counter.innerText) + 1).toString();
-
         let parent = document.getElementById("root");
         for (const node of path) {
             let child = null;
@@ -310,30 +309,13 @@ export class DOMReporter implements Reporter {
                 child.appendChild(summary);
                 parent.appendChild(child);
             }
-
-            switch (result.state) {
-            case "failure":
-                child.open = true;
-                child.classList.add("failure");
-                child.classList.remove("skip");
-                child.classList.remove("success");
-                break;
-            case "skip":
-                if (child.classList.contains("failure")) break;
-                child.classList.add("skip");
-                child.classList.remove("success");
-                break;
-            case "success":
-                if (!(child.classList.contains("failure") ||
-                      child.classList.contains("skip"))) {
-                    child.classList.add("success")
-                }
-                break;
+            if (result.state === "failure") child.open = true;
+            if (!child.classList.contains("failure") &&
+                (result.state !== "success" || !child.classList.contains("skip"))) {
+                child.classList.add(result.state);
             }
-
             parent = child;
         }
-
         const p = document.createElement("p");
         p.classList.add("test-desc");
         if (result.logs.length) {

cmd/pkgserver/ui/static/test_dark.scss

@@ -10,10 +10,10 @@
  * present in the DOM, so use duplicated versions.
  */
 details.test-node.success {
-    > summary::marker {
-        content: url("/static/success-closed-white.svg");
-    }
     &[open] > summary::marker {
         content: url("/static/success-open-white.svg");
     }
+    > summary::marker {
+        content: url("/static/success-closed-white.svg");
+    }
 }

cmd/pkgserver/ui/static/test_light.scss

@@ -10,10 +10,10 @@
  * present in the DOM, so use duplicated versions.
  */
 details.test-node.success {
-    > summary::marker {
-        content: url("/static/success-closed-black.svg");
-    }
     &[open] > summary::marker {
         content: url("/static/success-open-black.svg");
     }
+    > summary::marker {
+        content: url("/static/success-closed-black.svg");
+    }
 }