CI / verify (pull_request) Successful in 1m10s
CI / infrastructure-smoke (pull_request) Successful in 34s
CI / package-release (pull_request) Successful in 50s
CI / migration-smoke (pull_request) Successful in 2m26s
CI / image-build (pull_request) Successful in 1m12s
CI / deploy-smoke (same-origin) (pull_request) Successful in 42s
CI / package-publication (pull_request) Successful in 54s
CI / deploy-smoke (split) (pull_request) Successful in 3m17s
Stage 1 PR 6 (ADR 0062). /account shows who is signed in; /account/appearance chooses System, Light, or Dark and reduced motion (System, Reduce, Allow). - Core: ekklesia_core_user_preference, one typed, CHECK-constrained, nullable column per preference (null = never chosen), migration 0008_user_preferences (additive), @ekklesia/core/account store, and the authenticated-baseline permission core.account.self.manage. - API: GET /api/v1/account (name, email, preferences) and partial PATCH /api/v1/account/preferences, self-only by construction: no user id is accepted anywhere; trusted Origin and body limit on the mutation. - Shell: the account control shows name, email, and initials (never the unvetted image URL) and offers Account, Appearance, Sign out; native radio groups apply a choice at once through the ADR 0060 controller and save it; the server's answer wins and a failed save reverts. - First paint: a classic, same-origin, render-blocking appearance.js in <head> applies a two-word localStorage cache before paint (no inline script, CSP unchanged). The account replaces the cache on every load, sign-out clears it, and other tabs follow via the storage event. - Deploy smoke: real-Chromium checks for light/dark, OS emulation, overrides, reload persistence, pre-paint, Shadow DOM modules, reduced motion, the display staying light, and phone width; the browser container gets a 512 MiB /dev/shm so a long session no longer fails requests with ERR_INSUFFICIENT_RESOURCES. Co-Authored-By: Claude Opus 5.5 <[email protected]>
158 lines
6.0 KiB
TypeScript
158 lines
6.0 KiB
TypeScript
import { createHash } from "node:crypto";
|
|
import { beforeEach, describe, expect, it, vi } from "vitest";
|
|
|
|
const readFileMock = vi.hoisted(() => vi.fn());
|
|
|
|
vi.mock("node:fs/promises", () => ({ readFile: readFileMock }));
|
|
vi.mock("@ekklesia/shell/dashboard-assets", () => ({
|
|
dashboardHostAssetUrls: Object.freeze({
|
|
html: "file:///surface/browser/index.html",
|
|
script: "file:///surface/browser/assets/ekklesia-dashboard/app.js",
|
|
appearance: "file:///surface/browser/assets/ekklesia-dashboard/appearance.js",
|
|
}),
|
|
}));
|
|
|
|
import {
|
|
createDashboardHostAssets,
|
|
DASHBOARD_API_ORIGIN_PLACEHOLDER,
|
|
DashboardHostAssetError,
|
|
loadDashboardHostAssets,
|
|
renderDashboardPage,
|
|
} from "../src/dashboard-host-assets.js";
|
|
|
|
const API_ORIGIN = "https://api.example.test";
|
|
|
|
function sha256Etag(text: string): string {
|
|
return `"${createHash("sha256").update(text).digest("base64url")}"`;
|
|
}
|
|
|
|
describe("Dashboard host asset loading", () => {
|
|
beforeEach(() => readFileMock.mockReset());
|
|
|
|
it("reads only the three declared file URLs in order and freezes one consistent snapshot", async () => {
|
|
const html = `<!doctype html>${DASHBOARD_API_ORIGIN_PLACEHOLDER}<div id="ekklesia-host"></div>`;
|
|
const script = "export const dashboardHost = true;\n";
|
|
const appearanceScript = "(() => {})();\n";
|
|
readFileMock
|
|
.mockResolvedValueOnce(html)
|
|
.mockResolvedValueOnce(script)
|
|
.mockResolvedValueOnce(appearanceScript);
|
|
|
|
const assets = await loadDashboardHostAssets(API_ORIGIN);
|
|
|
|
expect(readFileMock.mock.calls).toEqual([
|
|
[new URL("file:///surface/browser/index.html"), "utf8"],
|
|
[new URL("file:///surface/browser/assets/ekklesia-dashboard/app.js"), "utf8"],
|
|
[new URL("file:///surface/browser/assets/ekklesia-dashboard/appearance.js"), "utf8"],
|
|
]);
|
|
const rendered = `<!doctype html><meta content="${API_ORIGIN}" name="ekklesia-api-origin" /><div id="ekklesia-host"></div>`;
|
|
expect(assets).toEqual({
|
|
appearanceScript,
|
|
appearanceScriptEtag: sha256Etag(appearanceScript),
|
|
html: rendered,
|
|
htmlEtag: sha256Etag(rendered),
|
|
script,
|
|
scriptEtag: sha256Etag(script),
|
|
});
|
|
expect(Object.isFrozen(assets)).toBe(true);
|
|
});
|
|
|
|
it("fails deterministically without attempting a neighboring file or exposing the read error", async () => {
|
|
readFileMock.mockRejectedValueOnce(
|
|
new Error("ENOENT /home/operator/private/surface-build secret-token"),
|
|
);
|
|
|
|
const failure = await loadDashboardHostAssets(API_ORIGIN).catch((error: unknown) => error);
|
|
|
|
expect(readFileMock).toHaveBeenCalledTimes(1);
|
|
expect(failure).toBeInstanceOf(DashboardHostAssetError);
|
|
expect(failure).toMatchObject({
|
|
code: "DASHBOARD_HOST_ASSET_UNAVAILABLE",
|
|
message: "The Dashboard host browser assets are unavailable.",
|
|
name: "DashboardHostAssetError",
|
|
});
|
|
expect((failure as Error).stack).toBe(
|
|
"DashboardHostAssetError: The Dashboard host browser assets are unavailable.",
|
|
);
|
|
const publicText = `${String(failure)}\n${JSON.stringify(failure)}\n${(failure as Error).stack}`;
|
|
for (const secret of ["/home/", "operator", "ENOENT", "secret-token"]) {
|
|
expect(publicText).not.toContain(secret);
|
|
}
|
|
});
|
|
|
|
it("fails when the script is missing even though the page was read", async () => {
|
|
readFileMock
|
|
.mockResolvedValueOnce(`<!doctype html>${DASHBOARD_API_ORIGIN_PLACEHOLDER}`)
|
|
.mockRejectedValueOnce(new Error("ENOENT app.js"));
|
|
|
|
await expect(loadDashboardHostAssets(API_ORIGIN)).rejects.toBeInstanceOf(
|
|
DashboardHostAssetError,
|
|
);
|
|
expect(readFileMock).toHaveBeenCalledTimes(2);
|
|
});
|
|
|
|
it("fails when the appearance script is missing even though the page and script were read", async () => {
|
|
readFileMock
|
|
.mockResolvedValueOnce(`<!doctype html>${DASHBOARD_API_ORIGIN_PLACEHOLDER}`)
|
|
.mockResolvedValueOnce("export {};\n")
|
|
.mockRejectedValueOnce(new Error("ENOENT appearance.js"));
|
|
|
|
await expect(loadDashboardHostAssets(API_ORIGIN)).rejects.toBeInstanceOf(
|
|
DashboardHostAssetError,
|
|
);
|
|
expect(readFileMock).toHaveBeenCalledTimes(3);
|
|
});
|
|
|
|
it("rejects an empty page, script, or appearance script as an unavailable shell build", () => {
|
|
for (const [html, script, appearance] of [
|
|
["", "export {};", "(() => {})();"],
|
|
["<html></html>", " \n", "(() => {})();"],
|
|
["<html></html>", "export {};", " "],
|
|
] as const) {
|
|
expect(() => createDashboardHostAssets(html, script, appearance)).toThrow(
|
|
DashboardHostAssetError,
|
|
);
|
|
}
|
|
});
|
|
|
|
it("fails startup on a page without exactly one empty API-origin element (ADR 0045)", async () => {
|
|
for (const html of [
|
|
"<!doctype html>",
|
|
`<!doctype html>${DASHBOARD_API_ORIGIN_PLACEHOLDER}${DASHBOARD_API_ORIGIN_PLACEHOLDER}`,
|
|
'<!doctype html><meta content="https://elsewhere.test" name="ekklesia-api-origin" />',
|
|
]) {
|
|
readFileMock.mockReset();
|
|
readFileMock
|
|
.mockResolvedValueOnce(html)
|
|
.mockResolvedValueOnce("export {};\n")
|
|
.mockResolvedValueOnce("(() => {})();\n");
|
|
await expect(loadDashboardHostAssets(API_ORIGIN)).rejects.toBeInstanceOf(
|
|
DashboardHostAssetError,
|
|
);
|
|
}
|
|
});
|
|
});
|
|
|
|
describe("Dashboard page API origin (ADR 0045)", () => {
|
|
const page = `<head>${DASHBOARD_API_ORIGIN_PLACEHOLDER}</head>`;
|
|
|
|
it("writes the API's origin into the one placeholder, in either topology", () => {
|
|
expect(renderDashboardPage(page, "https://api.example.test")).toBe(
|
|
'<head><meta content="https://api.example.test" name="ekklesia-api-origin" /></head>',
|
|
);
|
|
expect(renderDashboardPage(page, "http://127.0.0.1:3000")).toBe(
|
|
'<head><meta content="http://127.0.0.1:3000" name="ekklesia-api-origin" /></head>',
|
|
);
|
|
});
|
|
|
|
it.each([
|
|
"https://api.example.test/",
|
|
"https://api.example.test/api",
|
|
'https://api.example.test"><script>',
|
|
"javascript:alert(1)",
|
|
"",
|
|
])("refuses a value that is not a canonical http(s) origin: %s", (origin) => {
|
|
expect(() => renderDashboardPage(page, origin)).toThrow(DashboardHostAssetError);
|
|
});
|
|
});
|