Files
zitadel/apps/login/src/lib/csp.test.ts
T
Max PeintnerandGitHub fdafb95a63 fix(login): load custom font from branding settings and allow in CSP (#12279)
Closes #11200

# Which Problems Are Solved

Custom fonts uploaded via the branding/label policy were not supported.

# How the Problems Are Solved

- The login now correctly applies the branding settings, based on the
organization context
- Use the absolute `fontUrl` from the branding API directly in the
`@font-face` `src`, matching how logo and icon assets are already loaded
via absolute URLs.
- Add the Zitadel service URL to the `font-src` CSP directive so the
browser permits loading the cross-origin font.

# Additional Changes

- Updated CSP tests to reflect the new `font-src` behavior.
2026-06-15 14:33:54 +00:00

65 lines
2.4 KiB
TypeScript

import { describe, expect, test } from "vitest";
import { buildCSP } from "./csp";
describe("buildCSP", () => {
test("returns all base directives with safe defaults", () => {
const csp = buildCSP();
expect(csp).toContain("default-src 'self'");
expect(csp).toContain("script-src 'self' 'unsafe-inline' 'unsafe-eval'");
expect(csp).toContain("connect-src 'self'");
expect(csp).toContain("style-src 'self' 'unsafe-inline'");
expect(csp).toContain("font-src 'self'");
expect(csp).toContain("img-src 'self'");
expect(csp).toContain("object-src 'none'");
expect(csp).toContain("frame-ancestors 'none'");
});
test("adds serviceUrl to img-src and font-src", () => {
const csp = buildCSP({ serviceUrl: "https://my-instance.zitadel.cloud" });
expect(csp).toContain("img-src 'self' https://my-instance.zitadel.cloud");
expect(csp).toContain("font-src 'self' https://my-instance.zitadel.cloud");
});
test("keeps frame-ancestors as 'none' when iframeOrigins is empty", () => {
const csp = buildCSP({ iframeOrigins: [] });
expect(csp).toContain("frame-ancestors 'none'");
});
test("overrides frame-ancestors when iframeOrigins are provided", () => {
const csp = buildCSP({
iframeOrigins: ["https://app.example.com", "https://other.example.com"],
});
expect(csp).toContain("frame-ancestors https://app.example.com https://other.example.com");
expect(csp).not.toContain("frame-ancestors 'none'");
});
test("combines serviceUrl and iframeOrigins", () => {
const csp = buildCSP({
serviceUrl: "https://zitadel.mycompany.com",
iframeOrigins: ["https://portal.mycompany.com"],
});
expect(csp).toContain("img-src 'self' https://zitadel.mycompany.com");
expect(csp).toContain("font-src 'self' https://zitadel.mycompany.com");
expect(csp).toContain("frame-ancestors https://portal.mycompany.com");
expect(csp).not.toContain("frame-ancestors 'none'");
});
test("base directives are preserved when options are set", () => {
const csp = buildCSP({
serviceUrl: "https://example.com",
iframeOrigins: ["https://embed.example.com"],
});
expect(csp).toContain("default-src 'self'");
expect(csp).toContain("script-src 'self' 'unsafe-inline' 'unsafe-eval'");
expect(csp).toContain("connect-src 'self'");
expect(csp).toContain("style-src 'self' 'unsafe-inline'");
expect(csp).toContain("object-src 'none'");
});
});