TODO: docs maybe??

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

cmd/pkgserver/ui/static/test.ts

@@ -290,6 +290,7 @@ 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;
@@ -309,13 +310,30 @@ export class DOMReporter implements Reporter {
                 child.appendChild(summary);
                 parent.appendChild(child);
             }
-            if (result.state === "failure") child.open = true;
+
-            if (!child.classList.contains("failure") &&
+            switch (result.state) {
-                (result.state !== "success" || !child.classList.contains("skip"))) {
+            case "failure":
-                child.classList.add(result.state);
+                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;
             }
+
             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 {
-    &[open] > summary::marker {
-        content: url("/static/success-open-white.svg");
-    }
     > summary::marker {
         content: url("/static/success-closed-white.svg");
     }
+    &[open] > summary::marker {
+        content: url("/static/success-open-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 {
-    &[open] > summary::marker {
-        content: url("/static/success-open-black.svg");
-    }
     > summary::marker {
         content: url("/static/success-closed-black.svg");
     }
+    &[open] > summary::marker {
+        content: url("/static/success-open-black.svg");
+    }
 }