Files
computer-playbook/roles/web-app-dashboard/files/playwright/test-cdn-role-stylesheet.js
kevinveenbirkenbachandClaude Opus 4.8 edb96e9ae3 feat(dashboard): make keycloak-js login work over Tor onion
Chromium never treats plaintext .onion origins as a secure context, so
keycloak-js (PKCE via crypto.subtle) could not run. A custom Playwright
browser fixture launches Firefox with the Tor-Browser prefs
(dom.securecontext.allowlist_onions, origin/mixed-content handling) for
onion targets and keeps Chromium for clearnet; all dashboard specs share
it via the register pattern.

keycloak-js is now vendored from the deployment's own CDN as an ES
module (jsdelivr is unreachable over Tor) with CORS opened on the CDN
proxy. Personas and the oidc-login spec wait for adapter readiness and
navbar settle before driving login/logout, which the async code->token
exchange needs over Tor latency.

Verified: full deploy matrix green (onion 14/14 twice, clearnet pass).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-10 01:55:16 +02:00

25 lines
1.0 KiB
JavaScript

const { test, expect } = require("./fixtures/onion-test");
const { normalizeBaseUrl, gotoOnion } = require("./personas");
const cdnBaseUrl = normalizeBaseUrl(process.env.CDN_BASE_URL || "");
const roleCssPrefix = `${cdnBaseUrl.replace(/\/$/, "")}/roles/web-app-dashboard/latest/css`;
exports.register = function (shared) {
test("dashboard CDN serves role-local stylesheet when cdn service is enabled", async ({ page }) => {
shared.skipUnlessServiceEnabled("cdn");
shared.skipUnlessServiceEnabled("asset");
shared.skipUnlessServiceEnabled("css");
const diagnostics = shared.attachDiagnostics(page);
const documentResponse = await gotoOnion(page,"/");
expect(documentResponse.status()).toBeLessThan(400);
const documentHtml = await documentResponse.text();
await shared.waitForDashboardReady(page);
await shared.waitForResourceResponse(diagnostics.responses, "/roles/web-app-dashboard/latest/css/style.css", "dashboard role CSS");
expect(documentHtml).toContain(`${roleCssPrefix}/style.css`);
});
};