TODO: actually write tests lol

The summary marker does not appear in the AOM, so setting its alt text
is fruitless.

.gitignore

@@ -31,7 +31,10 @@ go.work.sum
 /cmd/pkgserver/ui/static/*.js
 /cmd/pkgserver/ui/static/*.css*
 /cmd/pkgserver/ui/static/*.css.map
-/cmd/pkgserver/ui_test/static
+/cmd/pkgserver/ui_test/*.js
+/cmd/pkgserver/ui_test/lib/*.js
+/cmd/pkgserver/ui_test/lib/*.css*
+/cmd/pkgserver/ui_test/lib/*.css.map
 /internal/pkg/testdata/testtool
 /internal/rosa/hakurei_current.tar.gz
 

cmd/pkgserver/main.go

@@ -82,7 +82,7 @@ func main() {
 		}()
 		var mux http.ServeMux
 		uiRoutes(&mux)
-		testUIRoutes(&mux)
+		testUiRoutes(&mux)
 		index.registerAPI(&mux)
 		server := http.Server{
 			Addr:    flagAddr,

cmd/pkgserver/test_ui.go

@@ -4,28 +4,94 @@ package main
 
 import (
 	"embed"
-	"io/fs"
 	"net/http"
+	"path"
+	"strings"
 )
 
-//go:generate mkdir ui_test/ui
+//go:generate tsc -p ui_test
-//go:generate sh -c "cp ui/static/*.ts ui_test/ui/"
+//go:generate sass ui_test/lib/ui.scss ui_test/lib/ui.css
-//go:generate tsc --outDir ui_test/static -p ui_test
+//go:embed ui_test/*
-//go:generate rm -r ui_test/ui/
+var test_content embed.FS
-//go:generate sass ui_test/lib/ui.scss ui_test/static/style.css
-//go:generate cp ui_test/lib/ui.html ui_test/static/index.html
-//go:generate sh -c "cd ui_test/lib && cp *.svg ../static/"
-//go:embed ui_test/static
-var _staticTest embed.FS
 
-var staticTest = func() fs.FS {
+func serveTestWebUI(w http.ResponseWriter, r *http.Request) {
-	if f, err := fs.Sub(_staticTest, "ui_test/static"); err != nil {
+	w.Header().Set("X-Content-Type-Options", "nosniff")
-		panic(err)
+	w.Header().Set("X-XSS-Protection", "1")
-	} else {
+	w.Header().Set("X-Frame-Options", "DENY")
-		return f
-	}
-}()
 
-func testUIRoutes(mux *http.ServeMux) {
+	http.ServeFileFS(w, r, test_content, "ui_test/lib/ui.html")
-	mux.Handle("GET /test/", http.StripPrefix("/test", http.FileServer(http.FS(staticTest))))
+}
+
+func serveTestWebUIStaticContent(w http.ResponseWriter, r *http.Request) {
+	switch r.URL.Path {
+	case "/testui/style.css":
+		http.ServeFileFS(w, r, test_content, "ui_test/lib/ui.css")
+	case "/testui/skip-closed.svg":
+		http.ServeFileFS(w, r, test_content, "ui_test/lib/skip-closed.svg")
+	case "/testui/skip-open.svg":
+		http.ServeFileFS(w, r, test_content, "ui_test/lib/skip-open.svg")
+	case "/testui/success-closed.svg":
+		http.ServeFileFS(w, r, test_content, "ui_test/lib/success-closed.svg")
+	case "/testui/success-open.svg":
+		http.ServeFileFS(w, r, test_content, "ui_test/lib/success-open.svg")
+	case "/testui/failure-closed.svg":
+		http.ServeFileFS(w, r, test_content, "ui_test/lib/failure-closed.svg")
+	case "/testui/failure-open.svg":
+		http.ServeFileFS(w, r, test_content, "ui_test/lib/failure-open.svg")
+	default:
+		http.NotFound(w, r)
+	}
+}
+
+func serveTestLibrary(w http.ResponseWriter, r *http.Request) {
+	switch r.URL.Path {
+	case "/test/lib/test.js":
+		http.ServeFileFS(w, r, test_content, "ui_test/lib/test.js")
+	default:
+		http.NotFound(w, r)
+	}
+}
+
+func serveTests(w http.ResponseWriter, r *http.Request) {
+	if r.URL.Path == "/test/" {
+		http.Redirect(w, r, "/test.html", http.StatusMovedPermanently)
+		return
+	}
+	testPath := strings.TrimPrefix(r.URL.Path, "/test/")
+
+	if path.Ext(testPath) != ".js" {
+		http.Error(w, "403 forbidden", http.StatusForbidden)
+	}
+
+	w.Header().Set("Cache-Control", "no-cache, no-store, must-revalidate")
+	w.Header().Set("Pragma", "no-cache")
+	w.Header().Set("Expires", "0")
+
+	http.ServeFileFS(w, r, test_content, "ui_test/"+testPath)
+}
+
+func redirectUI(w http.ResponseWriter, r *http.Request) {
+	// The base path should not redirect to the root.
+	if r.URL.Path == "/ui/" {
+		http.NotFound(w, r)
+		return
+	}
+	if path.Ext(r.URL.Path) != ".js" {
+		http.Error(w, "403 forbidden", http.StatusForbidden)
+		return
+	}
+
+	w.Header().Set("Cache-Control", "no-cache, no-store, must-revalidate")
+	w.Header().Set("Pragma", "no-cache")
+	w.Header().Set("Expires", "0")
+
+	http.Redirect(w, r, strings.TrimPrefix(r.URL.Path, "/ui"), http.StatusFound)
+}
+
+func testUiRoutes(mux *http.ServeMux) {
+	mux.HandleFunc("GET /test.html", serveTestWebUI)
+	mux.HandleFunc("GET /testui/", serveTestWebUIStaticContent)
+	mux.HandleFunc("GET /test/lib", serveTestLibrary)
+	mux.HandleFunc("GET /test/", serveTests)
+	mux.HandleFunc("GET /ui/", redirectUI)
 }

cmd/pkgserver/test_ui_stub.go

@@ -4,4 +4,4 @@ package main
 
 import "net/http"
 
-func testUIRoutes(mux *http.ServeMux) {}
+func testUiRoutes(mux *http.ServeMux) {}

cmd/pkgserver/ui_test/all_tests.ts

@@ -1,2 +1,2 @@
-// Import all test files to register their test suites.
+// Import all test files to execute their suite registrations.
-import "./sample_tests.js";
+import "./test_tests.js";

cmd/pkgserver/ui_test/lib/cli.ts

@@ -5,7 +5,7 @@
 // development.
 
 import "../all_tests.js";
-import { StreamReporter, GLOBAL_REGISTRAR } from "./test.js";
+import { StreamReporter, TESTS } from "./test.js";
 
 // TypeScript doesn't like process and Deno as their type definitions aren't
 // installed, but doesn't seem to complain if they're accessed through
@@ -44,5 +44,5 @@ if (args.length === 1) {
 }
 
 let reporter = new StreamReporter({ writeln: console.log }, verbose);
-GLOBAL_REGISTRAR.run(reporter);
+TESTS.run(reporter);
 exit(reporter.succeeded() ? 0 : 1);

cmd/pkgserver/ui_test/lib/go_test_entrypoint.ts

@@ -1,3 +1,3 @@
 import "../all_tests.js";
-import { GoTestReporter, GLOBAL_REGISTRAR } from "./test.js";
+import { GoTestReporter, TESTS } from "./test.js";
-GLOBAL_REGISTRAR.run(new GoTestReporter());
+TESTS.run(new GoTestReporter());

cmd/pkgserver/ui_test/lib/test.ts

@@ -2,8 +2,8 @@
 // DSL
 
 type TestTree = TestGroup | Test;
-type TestGroup = { name: string; children: TestTree[] };
+type TestGroup = { name: string, children: TestTree[] };
-type Test = { name: string; test: (t: TestController) => void };
+type Test = { name: string, test: (t: TestController) => void };
 
 export class TestRegistrar {
     #suites: TestGroup[];
@@ -13,7 +13,7 @@ export class TestRegistrar {
     }
 
     suite(name: string, children: TestTree[]) {
-        checkDuplicates(name, children);
+        checkDuplicates(name, children)
         this.#suites.push({ name, children });
     }
 
@@ -26,19 +26,18 @@ export class TestRegistrar {
     }
 }
 
-export let GLOBAL_REGISTRAR = new TestRegistrar();
+export let TESTS = new TestRegistrar();
 
 // Register a suite in the global registrar.
 export function suite(name: string, children: TestTree[]) {
-    GLOBAL_REGISTRAR.suite(name, children);
+    TESTS.suite(name, children);
 }
 
-export function group(name: string, children: TestTree[]): TestTree {
+export function context(name: string, children: TestTree[]): TestTree {
     checkDuplicates(name, children);
     return { name, children };
 }
-export const context = group;
+export const group = context;
-export const describe = group;
 
 export function test(name: string, test: (t: TestController) => void): TestTree {
     return { name, test };
@@ -149,7 +148,7 @@ function extractExceptionString(e: any): string {
 // Reporting
 
 export interface Reporter {
-    register(suites: TestGroup[]): void;
+    register(suites: TestGroup[]): void
     update(path: string[], result: TestResult): void;
     finalize(): void;
 }
@@ -230,8 +229,8 @@ export class StreamReporter implements Reporter {
         this.#displaySection("skips", this.#skips);
         this.stream.writeln("");
         this.stream.writeln(
-            `${this.#successes.length} succeeded, ${this.#failures.length} failed` +
+            `${this.#successes.length} succeeded, ${this.#failures.length} failed`
-                (this.#skips.length ? `, ${this.#skips.length} skipped` : ""),
+            + (this.#skips.length ? `, ${this.#skips.length} skipped` : "")
         );
     }
 
@@ -294,7 +293,7 @@ export class DOMReporter implements Reporter {
     update(path: string[], result: TestResult) {
         if (path.length === 0) throw new RangeError("path is empty");
         if (result.state === "skip") {
-            assertGetElementById("skip-counter-text").hidden = false;
+            assertGetElementById("skip-counter-text").classList.remove("hidden");
         }
         const counter = assertGetElementById(`${result.state}-counter`);
         counter.innerText = (Number(counter.innerText) + 1).toString();
@@ -332,8 +331,6 @@ export class DOMReporter implements Reporter {
                 child.classList.add("failure");
                 child.classList.remove("skip");
                 child.classList.remove("success");
-                // The summary marker does not appear in the AOM, so setting its
-                // alt text is fruitless; label the summary itself instead.
                 summary.setAttribute("aria-labelledby", "failure-description");
                 break;
             case "skip":
@@ -370,23 +367,23 @@ export class DOMReporter implements Reporter {
 
 interface GoNode {
     name: string;
-    subtests?: GoNode[];
+    subtests: GoNode[] | null;
 }
 
 // Used to display results via `go test`, via some glue code from the Go side.
 export class GoTestReporter implements Reporter {
-    register(suites: TestGroup[]) {
-        console.log(JSON.stringify(suites.map(GoTestReporter.serialize)));
-    }
-
     // Convert a test tree into the one expected by the Go code.
     static serialize(node: TestTree): GoNode {
         return {
             name: node.name,
-            subtests: "children" in node ? node.children.map(GoTestReporter.serialize) : undefined,
+            subtests: "children" in node ? node.children.map(GoTestReporter.serialize) : null,
         };
     }
 
+    register(suites: TestGroup[]) {
+        console.log(JSON.stringify(suites.map(GoTestReporter.serialize)));
+    }
+
     update(path: string[], result: TestResult) {
         let state: number;
         switch (result.state) {
@@ -394,7 +391,7 @@ export class GoTestReporter implements Reporter {
             case "failure": state = 1; break;
             case "skip": state = 2; break;
         }
-        console.log(JSON.stringify({ path, state, logs: result.logs }));
+        console.log(JSON.stringify({ path: path, state, logs: result.logs }));
     }
 
     finalize() {

cmd/pkgserver/ui_test/lib/ui.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/test/style.css">
+    <link rel="stylesheet" href="/testui/style.css">
     <title>PkgServer Tests</title>
 </head>
 <body>
@@ -19,7 +19,7 @@
 <main>
 <p id="counters">
     <span id="success-counter">0</span> succeeded, <span id="failure-counter">0</span>
-    failed<span id="skip-counter-text" hidden>, <span id="skip-counter">0</span> skipped</span>.
+    failed<span id="skip-counter-text" class="hidden">, <span id="skip-counter">0</span> skipped</span>.
 </p>
 
 <p hidden id="success-description">Successful test</p>
@@ -31,8 +31,8 @@
 
 <script type="module">
     import "/test/all_tests.js";
-    import { DOMReporter, GLOBAL_REGISTRAR } from "/test/lib/test.js";
+    import { DOMReporter, TESTS } from "/test/lib/test.js";
-    GLOBAL_REGISTRAR.run(new DOMReporter());
+    TESTS.run(new DOMReporter());
 </script>
 </main>
 </body>

cmd/pkgserver/ui_test/lib/ui.scss

@@ -1,8 +1,3 @@
-/*
- * If updating the theme colors, also update them in success-closed.svg and
- * success-open.svg!
- */
-
 :root {
     --bg: #d3d3d3;
     --fg: black;
@@ -54,24 +49,24 @@ details.test-node {
          * [3]: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/summary#changing_the_summarys_icon
          */
         color: var(--fg);
-        content: url("/test/success-closed.svg") / "success";
+        content: url("/testui/success-closed.svg") / "success";
     }
     &.success[open] > summary::marker {
-        content: url("/test/success-open.svg") / "success";
+        content: url("/testui/success-open.svg") / "success";
     }
     &.failure > summary::marker {
         color: red;
-        content: url("/test/failure-closed.svg") / "failure";
+        content: url("/testui/failure-closed.svg") / "failure";
     }
     &.failure[open] > summary::marker {
-        content: url("/test/failure-open.svg") / "failure";
+        content: url("/testui/failure-open.svg") / "failure";
     }
     &.skip > summary::marker {
         color: blue;
-        content: url("/test/skip-closed.svg") / "skip";
+        content: url("/testui/skip-closed.svg") / "skip";
     }
     &.skip[open] > summary::marker {
-        content: url("/test/skip-open.svg") / "skip";
+        content: url("/testui/skip-open.svg") / "skip";
     }
 }
 
@@ -83,6 +78,10 @@ p.test-desc {
     }
 }
 
+.hidden {
+    display: none;
+}
+
 .italic {
     font-style: italic;
 }

cmd/pkgserver/ui_test/test_tests.ts

@@ -1,4 +1,3 @@
-import "./ui/index.js";
 import { NoOpReporter, TestRegistrar, context, group, suite, test } from "./lib/test.js";
 
 suite("dog", [