Configuration
Save each section below
-
-
-
+
+
-
-
-
const result = await resolveCard({ theme: "paper", width: 320 });
assert.equal(result.presence.title, "Private media");
assert.equal(result.options.artworkDataUri, "data:image/png;base64,eA==");
- assert.deepEqual(calls, [[artwork, { baseUrl: "https://plex.test" }]]);
+ assert.deepEqual(calls, [[artwork, { baseUrl: "https://plex.test" }, { width: 192, height: 288 }]]);
});
test("privacy can suppress artwork before the artwork service", async () => {
diff --git a/test/card-styles.test.js b/test/card-styles.test.js
new file mode 100644
index 00000000..9b616108
--- /dev/null
+++ b/test/card-styles.test.js
@@ -0,0 +1,103 @@
+import test from "node:test";
+import assert from "node:assert/strict";
+import { mkdtemp, readFile, rm, writeFile } from "node:fs/promises";
+import { join } from "node:path";
+import { tmpdir } from "node:os";
+import { cardPresets, renderCard } from "../src/card.js";
+import { createSettings } from "../src/settings.js";
+import { cardSettingsView } from "../src/app-settings.js";
+import { serializeSetupConfig, normalizeCard, cardRenderOptions } from "../src/setup-config.js";
+import { startAppFromConfig } from "../src/app-config.js";
+import { parseCardOptions } from "../hosted/lib/http.js";
+import { createSettingsPageHandler } from "../src/settings-page-handler.js";
+
+const presence = { state: "playing", kind: "track", title: "Blue Monday", subtitle: "New Order", positionMs: 83_000, durationMs: 448_000 };
+const base = { provider: "jellyfin", serverUrl: "http://127.0.0.1:8096", identity: { id: "preview", displayName: "Preview library" }, credentialStored: true, discordEnabled: false };
+const optionsForView = view => cardRenderOptions(normalizeCard(Object.fromEntries(Object.entries(view).filter(([, value]) => value !== null))));
+const handler = () => createSettingsPageHandler({ settings: { read: () => ({ discord: {} }), updateDiscord: async () => {} }, fallback: async () => ({ status: 404 }) });
+
+test("new styles differ in typography and shape, with explicit layout taking precedence", () => {
+ const editorial = renderCard(presence, { theme: "editorial" });
+ assert.match(editorial, /ui-serif,Georgia/);
+ assert.match(editorial, /rx="0"/);
+ assert.match(editorial, /font-size="24"/);
+ const terminal = renderCard(presence, { theme: "terminal" });
+ assert.match(terminal, /ui-monospace/);
+ assert.match(terminal, />NOW PLAYING {
+ const h = handler();
+ const page = (await h({ url: "/settings" })).body;
+ assert.equal((page.match(/data-card-theme=/g) ?? []).length, 6);
+ assert.match(page, /class="card-advanced"/);
+ for (const theme of Object.keys(cardPresets)) {
+ const asset = await h({ url: `/card-styles/${theme}.svg` });
+ assert.equal(asset.status, 200);
+ assert.match(asset.headers["Content-Type"], /image\/svg\+xml/);
+ assert.match(asset.body, /Blue Monday/);
+ assert.equal((await h({ method: "HEAD", url: `/card-styles/${theme}.svg` })).body, "");
+ assert.equal((await h({ method: "POST", url: `/card-styles/${theme}.svg` })).status, 405);
+ }
+ assert.equal((await h({ url: "/card-styles/unknown.svg" })).status, 404);
+});
+
+test("preview, saved local card and copied hosted link agree for each style and custom overrides", async () => {
+ const dir = await mkdtemp(join(tmpdir(), "np-style-flow-"));
+ const file = join(dir, "config.json");
+ await writeFile(file, serializeSetupConfig(base));
+ const app = await startAppFromConfig({ configFile: file, credentialStore: { read: async () => "fixture-token" }, port: 0, fetchImpl: async () => Response.json([{ UserId: "preview", NowPlayingItem: { Type: "Audio", Name: presence.title, Artists: [presence.subtitle], RunTimeTicks: presence.durationMs * 10_000 }, PlayState: { PositionTicks: presence.positionMs * 10_000 } }]), discord: { env: {}, builtInClientId: "" } });
+ try {
+ const page = await fetch(`${app.url}/settings`);
+ const cookie = page.headers.get("set-cookie").split(";")[0];
+ const script = (await handler()({ url: "/settings.js" })).body;
+ const hostedLink = new Function("savedCard", script.match(/function hostedLink\(base\) \{[\s\S]*?\n\}/)[0] + "; return hostedLink;");
+ for (const theme of Object.keys(cardPresets)) {
+ // The gallery sends the chosen preset with the user's width; custom
+ // values equal to Classic's defaults must still override a new style.
+ for (const custom of [{}, { padding: 24, radius: 10, fontFamily: "system", progressHeight: 4 }]) {
+ const card = { ...cardSettingsView({ card: { theme } }), ...custom };
+ const preview = await fetch(`${app.url}/api/settings/card/preview.svg?theme=${theme}`);
+ assert.equal(preview.status, 200);
+ const saved = await fetch(`${app.url}/api/settings`, { method: "PUT", headers: { "Content-Type": "application/json", Cookie: cookie }, body: JSON.stringify({ card }) });
+ assert.equal(saved.status, 200);
+ const view = (await saved.json()).card;
+ const local = await (await fetch(`${app.url}/card.svg`)).text();
+ const expected = renderCard(presence, optionsForView(view));
+ assert.equal(local, expected);
+ assert.equal(JSON.parse(await readFile(file, "utf8")).card.theme, theme);
+ const link = new URL(hostedLink(view)("https://cards.example/u/preview.svg"));
+ assert.equal(renderCard(presence, parseCardOptions(link.searchParams)), expected, `${theme}: hosted link matches saved local card`);
+ }
+ }
+ } finally {
+ await app.close();
+ await rm(dir, { recursive: true, force: true });
+ }
+});
+
+test("wrapped artwork titles keep reordered status, subtitle and timeline below both lines", async () => {
+ const { previewArtwork } = await import("../src/setup-preview.js");
+ const artworkDataUri = await previewArtwork("music");
+ for (const theme of ["studio", "editorial", "terminal"]) {
+ const svg = renderCard({ ...presence, title: "A long album title with several words" }, { theme, width: 280, artworkDataUri, layout: { fieldOrder: ["title", "state", "subtitle"], progressPosition: "text" } });
+ const title = /]*y="(\d+)"[^>]*clip-path="url\(#txt\)">(/.exec(svg);
+ assert.ok(title);
+ const lineStep = Number(/dy="(\d+)">[^<]*<\/tspan><\/text>/.exec(svg)?.[1]);
+ assert.ok(lineStep > 0);
+ const statusY = Number(/]*y="(\d+)"[^>]*font-size="11"[^>]*>(?:Now playing|NOW PLAYING)<\/text>/.exec(svg)?.[1]);
+ assert.ok(statusY > Number(title[1]) + lineStep, "status follows both title lines");
+ }
+});
diff --git a/test/card-theme.test.js b/test/card-theme.test.js
index 45a15b5c..82ee1044 100644
--- a/test/card-theme.test.js
+++ b/test/card-theme.test.js
@@ -13,7 +13,7 @@ const presence = {
};
test("exports immutable built-in themes", () => {
- assert.deepEqual(Object.keys(cardThemes), ["midnight-blue", "paper", "compact"]);
+ assert.deepEqual(Object.keys(cardThemes), ["midnight-blue", "studio", "editorial", "terminal", "paper", "compact"]);
assert.equal(Object.isFrozen(cardThemes), true);
assert.equal(Object.isFrozen(cardThemes.paper), true);
});
diff --git a/test/card-visual.test.js b/test/card-visual.test.js
index 4f7a4b28..1c719cec 100644
--- a/test/card-visual.test.js
+++ b/test/card-visual.test.js
@@ -20,6 +20,10 @@ const TV_HIDDEN = { ...TV, series: null, season: null, episode: null, subtitle:
const FILM = { state: "playing", kind: "movie", title: "Dune: Part Two", subtitle: "2024", year: 2024, positionMs: 3_000_000, durationMs: 9_960_000 };
export const PRESETS = [
+ ...["studio", "editorial", "terminal"].flatMap((theme) => [
+ { file: `${theme}.svg`, presence: MUSIC, options: { theme, artworkDataUri: ART } },
+ { file: `${theme}-narrow.svg`, presence: TV, options: { theme, width: 280 } },
+ ]),
{ file: "default.svg", presence: MUSIC, options: { artworkDataUri: ART } },
{ file: "default-no-artwork.svg", presence: MUSIC, options: {} },
{ file: "narrow-max-artwork.svg", presence: MUSIC, options: { width: 280, artworkDataUri: ART, layout: { padding: 48, artworkWidth: 160 } } },
diff --git a/test/fixtures/cards/centred-reordered.svg b/test/fixtures/cards/centred-reordered.svg
index 1615c3a6..d5261681 100644
--- a/test/fixtures/cards/centred-reordered.svg
+++ b/test/fixtures/cards/centred-reordered.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/compact.svg b/test/fixtures/cards/compact.svg
index 8aa78c17..69eb0c40 100644
--- a/test/fixtures/cards/compact.svg
+++ b/test/fixtures/cards/compact.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/default-no-artwork.svg b/test/fixtures/cards/default-no-artwork.svg
index b3cee182..edb888f1 100644
--- a/test/fixtures/cards/default-no-artwork.svg
+++ b/test/fixtures/cards/default-no-artwork.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/default.svg b/test/fixtures/cards/default.svg
index 61d61150..49c4d3c3 100644
--- a/test/fixtures/cards/default.svg
+++ b/test/fixtures/cards/default.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/editorial-narrow.svg b/test/fixtures/cards/editorial-narrow.svg
new file mode 100644
index 00000000..3e23aedf
--- /dev/null
+++ b/test/fixtures/cards/editorial-narrow.svg
@@ -0,0 +1,18 @@
+
+
\ No newline at end of file
diff --git a/test/fixtures/cards/editorial.svg b/test/fixtures/cards/editorial.svg
new file mode 100644
index 00000000..232b86ec
--- /dev/null
+++ b/test/fixtures/cards/editorial.svg
@@ -0,0 +1,18 @@
+
+
\ No newline at end of file
diff --git a/test/fixtures/cards/end-aligned-tight.svg b/test/fixtures/cards/end-aligned-tight.svg
index 0565b1a2..149283c0 100644
--- a/test/fixtures/cards/end-aligned-tight.svg
+++ b/test/fixtures/cards/end-aligned-tight.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/film-compact.svg b/test/fixtures/cards/film-compact.svg
index 0afcdaa6..112a8dbd 100644
--- a/test/fixtures/cards/film-compact.svg
+++ b/test/fixtures/cards/film-compact.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/film.svg b/test/fixtures/cards/film.svg
index 3d19c986..a5056bdd 100644
--- a/test/fixtures/cards/film.svg
+++ b/test/fixtures/cards/film.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/idle.svg b/test/fixtures/cards/idle.svg
index 3515e9f7..d9527750 100644
--- a/test/fixtures/cards/idle.svg
+++ b/test/fixtures/cards/idle.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/narrow-max-artwork.svg b/test/fixtures/cards/narrow-max-artwork.svg
index 4e0c3b4d..76d9d4b5 100644
--- a/test/fixtures/cards/narrow-max-artwork.svg
+++ b/test/fixtures/cards/narrow-max-artwork.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/paper-artwork-right.svg b/test/fixtures/cards/paper-artwork-right.svg
index c2ca2879..fa9970f7 100644
--- a/test/fixtures/cards/paper-artwork-right.svg
+++ b/test/fixtures/cards/paper-artwork-right.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/progress-full-width.svg b/test/fixtures/cards/progress-full-width.svg
index 2bb639eb..b688d51f 100644
--- a/test/fixtures/cards/progress-full-width.svg
+++ b/test/fixtures/cards/progress-full-width.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/progress-under-text.svg b/test/fixtures/cards/progress-under-text.svg
index aab2ccda..a3ad762f 100644
--- a/test/fixtures/cards/progress-under-text.svg
+++ b/test/fixtures/cards/progress-under-text.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/rtl-auto.svg b/test/fixtures/cards/rtl-auto.svg
index 8d9ebc5a..1fc14d32 100644
--- a/test/fixtures/cards/rtl-auto.svg
+++ b/test/fixtures/cards/rtl-auto.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/studio-narrow.svg b/test/fixtures/cards/studio-narrow.svg
new file mode 100644
index 00000000..b3dcf2c6
--- /dev/null
+++ b/test/fixtures/cards/studio-narrow.svg
@@ -0,0 +1,18 @@
+
+
\ No newline at end of file
diff --git a/test/fixtures/cards/studio.svg b/test/fixtures/cards/studio.svg
new file mode 100644
index 00000000..05901b1f
--- /dev/null
+++ b/test/fixtures/cards/studio.svg
@@ -0,0 +1,18 @@
+
+
\ No newline at end of file
diff --git a/test/fixtures/cards/terminal-narrow.svg b/test/fixtures/cards/terminal-narrow.svg
new file mode 100644
index 00000000..0e58ea75
--- /dev/null
+++ b/test/fixtures/cards/terminal-narrow.svg
@@ -0,0 +1,18 @@
+
+
\ No newline at end of file
diff --git a/test/fixtures/cards/terminal.svg b/test/fixtures/cards/terminal.svg
new file mode 100644
index 00000000..3a5aa2ef
--- /dev/null
+++ b/test/fixtures/cards/terminal.svg
@@ -0,0 +1,18 @@
+
+
\ No newline at end of file
diff --git a/test/fixtures/cards/tv-episode-paper-narrow.svg b/test/fixtures/cards/tv-episode-paper-narrow.svg
index 7fab70ac..fe5b37ca 100644
--- a/test/fixtures/cards/tv-episode-paper-narrow.svg
+++ b/test/fixtures/cards/tv-episode-paper-narrow.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/tv-episode-series-hidden.svg b/test/fixtures/cards/tv-episode-series-hidden.svg
index a59a4ccf..e43bb9e2 100644
--- a/test/fixtures/cards/tv-episode-series-hidden.svg
+++ b/test/fixtures/cards/tv-episode-series-hidden.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/fixtures/cards/tv-episode.svg b/test/fixtures/cards/tv-episode.svg
index a684fdb1..4b810f8e 100644
--- a/test/fixtures/cards/tv-episode.svg
+++ b/test/fixtures/cards/tv-episode.svg
@@ -1,13 +1,18 @@
\ No newline at end of file
diff --git a/test/hosted-artwork.test.js b/test/hosted-artwork.test.js
new file mode 100644
index 00000000..749f717d
--- /dev/null
+++ b/test/hosted-artwork.test.js
@@ -0,0 +1,129 @@
+import test from "node:test";
+import assert from "node:assert/strict";
+import { createServer } from "node:http";
+import sharp from "sharp";
+import { compactHostedArtwork } from "../src/hosted-artwork.js";
+import { isHostedArtwork, MAX_HOSTED_ARTWORK_LENGTH } from "../src/hosted-artwork-format.js";
+import { projectHostedState } from "../src/hosted-projection.js";
+import { createHostedUploader } from "../src/hosted-uploader.js";
+import { createPublicCardArtwork } from "../src/artwork-public.js";
+import { createHandlers } from "../hosted/lib/app.js";
+import { createService, validateIngest } from "../hosted/lib/service.js";
+import { createMemoryRedis } from "../hosted/lib/redis.js";
+import { cardPresets } from "../src/card-presets.js";
+import { previewArtwork } from "../src/setup-preview.js";
+import { applyHostedChanges } from "../src/app-settings.js";
+import { parseAppConfig, hostedUploadSettings } from "../src/app-config.js";
+import { serializeSetupConfig } from "../src/setup-config.js";
+
+const track = { state: "playing", kind: "track", title: "Blue Monday", subtitle: "New Order", artwork: { provider: "jellyfin", itemId: "private-item-id", type: "primary" }, positionMs: 83000, durationMs: 448000 };
+
+test("cover sharing is explicit, survives saves, and respects privacy before projection", async () => {
+ const base = parseAppConfig(serializeSetupConfig({ provider: "jellyfin", serverUrl: "http://127.0.0.1:8096", identity: { id: "fixture", displayName: "Fixture" }, credentialStored: true, hostedEnabled: true }));
+ assert.equal(hostedUploadSettings(base).shareArtwork, false);
+ const enabled = applyHostedChanges(base, { artwork: true }).config;
+ assert.equal(enabled.hosted.enabled, true);
+ assert.equal(parseAppConfig(JSON.stringify(enabled)).hosted.artwork, true);
+ assert.equal(applyHostedChanges(enabled, { enabled: false }).config.hosted.artwork, true);
+ assert.throws(() => applyHostedChanges(base, { artwork: "yes" }), TypeError);
+ const artworkDataUri = await compactHostedArtwork(await previewArtwork("film"));
+ assert.ok(isHostedArtwork(artworkDataUri));
+ for (const settings of [{}, { shareArtwork: true, privacy: { hideArtwork: true } }, { shareArtwork: true, privacy: { redactTitles: true } }, { shareArtwork: true, privacy: { mode: "private" } }, { shareArtwork: true, privacy: { suppressMediaKinds: ["track"] } }, { shareArtwork: true, show: { artwork: false } }]) {
+ assert.equal(projectHostedState(track, settings, { seq: 1, artworkDataUri }).artworkDataUri, undefined);
+ }
+ assert.equal(projectHostedState(track, { shareArtwork: true }, { seq: 1, artworkDataUri }).artworkDataUri, artworkDataUri);
+});
+
+test("public art rejects arbitrary hosts and credentials, and sanitizes allowed CDN images", async () => {
+ const bytes = Buffer.from((await previewArtwork("music")).split(",")[1], "base64");
+ const calls = [];
+ const service = createPublicCardArtwork({ fetchImpl: async (url, options) => { calls.push({ url, options }); return new Response(bytes, { headers: { "Content-Type": "image/jpeg" } }); } });
+ for (const url of ["http://i.scdn.co/image/a", "https://evil.test/a", "https://i.scdn.co.evil.test/a", "https://user:secret@i.scdn.co/image/a", "https://127.0.0.1/a", "https://i.scdn.co:8096/a"]) assert.equal(await service.resolve(url), null);
+ assert.equal(calls.length, 0);
+ const uri = await service.resolve("https://i.scdn.co/image/fixture");
+ assert.match(uri, /^data:image\/png;base64,/);
+ await service.resolve("https://i.scdn.co/image/fixture");
+ assert.equal(calls.length, 1, "repeated frames reuse the sanitized cover");
+ assert.equal(calls[0].options.headers.Authorization, undefined);
+});
+
+test("host rejects links, SVG, malformed PNG, metadata, oversized images and payloads", async () => {
+ const clean = await compactHostedArtwork(await previewArtwork("film"));
+ const huge = await sharp({ create: { width: 300, height: 300, channels: 3, background: "blue" } }).png().toBuffer();
+ const metadata = await sharp({ create: { width: 16, height: 16, channels: 3, background: "blue" } }).withMetadata().png().toBuffer();
+ const invalid = ["https://server/private?token=secret", "data:image/svg+xml;base64,PHN2Zy8+", "data:image/png;base64,eA==", clean + "AAAA", "data:image/png;base64," + huge.toString("base64"), "data:image/png;base64," + metadata.toString("base64"), clean + "A".repeat(MAX_HOSTED_ARTWORK_LENGTH)];
+ for (const artworkDataUri of invalid) {
+ assert.equal(isHostedArtwork(artworkDataUri), false);
+ assert.throws(() => validateIngest({ v: 1, seq: 1, observedAt: Date.now(), state: "playing", artworkDataUri }), { code: "invalid_artwork" });
+ }
+});
+
+test("actual HTTP upload, stored state and public SVG retain images for music, movies and TV in every style", async () => {
+ const service = createService({ redis: createMemoryRedis() });
+ const handlers = createHandlers({ getService: () => service });
+ const server = createServer((req, res) => {
+ const path = new URL(req.url, "http://local").pathname;
+ const handler = ({ "/api/register": handlers.register, "/api/ingest": handlers.ingest, "/api/revoke": handlers.revoke })[path] ?? handlers.card;
+ handler(req, res);
+ });
+ await new Promise(resolve => server.listen(0, "127.0.0.1", resolve));
+ const baseUrl = `http://127.0.0.1:${server.address().port}`;
+ let stored, settings = { shareArtwork: true }, currentArt, lookups = 0;
+ const payloads = [];
+ const uploader = createHostedUploader({ baseUrl, credentials: { load: async () => stored, save: async value => { stored = value; }, clear: async () => { stored = null; } }, settings: () => settings,
+ resolveArtwork: async () => { lookups++; return currentArt; },
+ fetchImpl: async (url, init) => { if (url.endsWith("/api/ingest")) payloads.push(JSON.parse(init.body)); return fetch(url, init); },
+ });
+ try {
+ for (const [kind, example] of [["track", "music"], ["movie", "film"], ["episode", "episode"]]) {
+ currentArt = await previewArtwork(example);
+ const presence = { ...track, kind, title: `${kind} test` };
+ assert.equal((await uploader.push(presence)).sent, true);
+ const url = await uploader.cardUrl();
+ const state = await service.readCardState(stored.cardId);
+ assert.ok(isHostedArtwork(state.artworkDataUri), "image survives storage and the public state projection");
+ assert.ok(JSON.stringify(payloads.at(-1)).length > 2048, "real art is larger than the old text-only request limit");
+ for (const theme of Object.keys(cardPresets)) for (const width of [280, 440, 800]) {
+ const res = await fetch(`${url}?theme=${theme}&width=${width}`);
+ assert.equal(res.status, 200);
+ const svg = await res.text();
+ assert.doesNotMatch(svg, /private-item-id|jellyfin|https?:\/\/(?!www\.w3\.org)/);
+ if (theme === "compact") assert.doesNotMatch(svg, / server.close(resolve)); }
+});
+
+test("turning sharing off during registration prevents a prepared cover from reaching the wire", async () => {
+ let settings = { shareArtwork: true }, stored, release, entered;
+ const registering = new Promise(resolve => { entered = resolve; });
+ const barrier = new Promise(resolve => { release = resolve; });
+ let sent;
+ const art = await previewArtwork("music");
+ const uploader = createHostedUploader({ baseUrl: "https://cards.example", settings: () => settings,
+ credentials: { load: async () => stored, save: async value => { stored = value; }, clear: async () => {} }, resolveArtwork: async () => art,
+ fetchImpl: async (url, init) => {
+ if (url.endsWith("/api/register")) { entered(); await barrier; return Response.json({ cardId: "c".repeat(22), deviceId: "d".repeat(22), token: "t".repeat(43) }, { status: 201 }); }
+ sent = JSON.parse(init.body); return Response.json({ accepted: true }, { status: 202 });
+ },
+ });
+ const pending = uploader.push(track);
+ await registering;
+ settings = { shareArtwork: false };
+ release();
+ assert.equal((await pending).sent, true);
+ assert.equal(sent.artworkDataUri, undefined);
+ assert.equal(sent.title, track.title);
+});
diff --git a/test/hosted-http.test.js b/test/hosted-http.test.js
index 4dd01234..3933b899 100644
--- a/test/hosted-http.test.js
+++ b/test/hosted-http.test.js
@@ -106,7 +106,7 @@ test("ingest enforces auth, content type and size", async () => {
const { token } = JSON.parse((await call(app.port, "POST", "/api/register")).body);
const wrongType = await call(app.port, "POST", "/api/ingest", { body: "{}", headers: { "content-type": "text/plain", authorization: `Bearer ${token}` } });
assert.equal(wrongType.status, 415);
- const big = await call(app.port, "POST", "/api/ingest", { body: JSON.stringify({ pad: "x".repeat(5000) }), headers: json(token) });
+ const big = await call(app.port, "POST", "/api/ingest", { body: JSON.stringify({ pad: "x".repeat(100000) }), headers: json(token) });
assert.equal(big.status, 413);
const get = await call(app.port, "GET", "/api/ingest");
assert.equal(get.status, 405);
diff --git a/test/settings-card.test.js b/test/settings-card.test.js
index 65b67a90..469bd89f 100644
--- a/test/settings-card.test.js
+++ b/test/settings-card.test.js
@@ -104,7 +104,7 @@ test("the running app applies a card save to /card.svg without a restart", async
assert.equal(parseAppConfig(await readFile(file, "utf8")).card.theme, "paper");
// The preview draws a placeholder so artwork placement is visible.
const right = await (await fetch(`${app.url}/api/settings/card/preview.svg?width=440&padding=24&artworkPosition=right&artworkWidth=100&artworkHeight=100`)).text();
- assert.match(right, / String(url).endsWith("/Sessions")
- ? Response.json([{ UserId: "u1", NowPlayingItem: { Id: "movie-1", Name: "Example movie", Type: "Movie", ProductionYear: 2024 }, PlayState: { IsPaused: false } }])
+ const { previewArtwork } = await import("../src/setup-preview.js");
+ const art = Buffer.from((await previewArtwork("film")).split(",")[1], "base64");
+ const fetchImpl = async (url) => String(url).includes("/Images/") ? new Response(art, { headers: { "Content-Type": "image/jpeg" } }) : String(url).endsWith("/Sessions")
+ ? Response.json([{ UserId: "u1", NowPlayingItem: { Id: "movie-1", ImageTags: { Primary: "fixture" }, Name: "Example movie", Type: "Movie", ProductionYear: 2024 }, PlayState: { IsPaused: false } }])
: Response.json([]);
const app = await startAppFromConfig({ configFile: file, credentialStore: { read: async () => "jf-token" }, port: 0, fetchImpl, discord: { env: {}, builtInClientId: "" } });
try {
@@ -186,7 +188,9 @@ test("Hide progress and timer removes the bar from the live card and Settings pr
const dir = await mkdtemp(join(tmpdir(), "np-hidden-progress-"));
const file = join(dir, "config.json");
await writeFile(file, serializeSetupConfig({ ...BASE, discordEnabled: false, privacy: { hideProgress: true }, card: { showProgress: true } }));
- const fetchImpl = async (url) => String(url).endsWith("/Sessions")
+ const { previewArtwork } = await import("../src/setup-preview.js");
+ const art = Buffer.from((await previewArtwork("film")).split(",")[1], "base64");
+ const fetchImpl = async (url) => String(url).includes("/Images/") ? new Response(art, { headers: { "Content-Type": "image/jpeg" } }) : String(url).endsWith("/Sessions")
? Response.json([{ UserId: "u1", NowPlayingItem: { Id: "song", Name: "Example song", Type: "Audio", RunTimeTicks: 1_200_000_000 }, PlayState: { IsPaused: false, PositionTicks: 600_000_000 } }])
: Response.json([]);
const app = await startAppFromConfig({ configFile: file, credentialStore: { read: async () => "jf-token" }, port: 0, fetchImpl, discord: { env: {}, builtInClientId: "" } });
diff --git a/test/settings-page-handler.test.js b/test/settings-page-handler.test.js
index 7644c70c..727802ce 100644
--- a/test/settings-page-handler.test.js
+++ b/test/settings-page-handler.test.js
@@ -164,9 +164,9 @@ test("DRPP configuration accordions keep existing form IDs and labels", async ()
const h = handler();
const page = (await h({url:"/settings"})).body;
for (const title of ["Media servers", "Connected services", "Discord Settings", "Privacy Settings", "Card Settings", "YouTube Settings", "Startup Settings", "Hosted Card Settings", "Hosted Card Devices"]) {
- assert.match(page, new RegExp(`${title}`));
}
- assert.match(page, /
Media servers
${serverPanel()}Connected services
${servicePanel()}Discord Settings
+Media serversConnect Plex, Jellyfin, Emby or Navidrome.
${serverPanel()}Connected servicesSpotify and your card hosting account.
${servicePanel()}Discord SettingsChoose what appears on your profile.
Privacy Settings
+Privacy SettingsControl what other people can see.
Card Settings
+Card SettingsChoose a style and make it your own.
YouTube Settings
+YouTube SettingsPair your browser extension.
YouTube
Lets the NowPlaying for YouTube browser extension show what you're watching. Open the extension's options page, paste this pairing code and the port below, then press Save there. The extension only sends what's playing, and only to this PC.
- Pairing code
••••••••••••••••
@@ -212,7 +218,7 @@ const buildPage = (startupCopy) => `
Keep the code to yourself. Anyone with it can change what your card and Discord show while NowPlaying is running. A new code stops the old one at once, so you'll need to paste it into the extension again.
Startup Settings
+Startup SettingsLaunch NowPlaying when you sign in.
Hosted Card Settings
+Hosted Card SettingsPut your card in a GitHub README.
Hosted Card Devices
+Hosted Card DevicesManage the PCs updating your public card.
Hosted card devices
PCs signed in as - that update your card. The one playing shows on the card.
${title}
`)); + assert.match(page, new RegExp(`${title}`));
}
- assert.match(page, //);
+ assert.match(page, //);
for (const id of ["servers-section", "services-section", "discord-form", "privacy-form", "card-form", "youtube-section", "startup-form", "hosted-form", "hosted-devices"]) {
assert.match(page, new RegExp(`id="${id}"`));
}
diff --git a/test/settings.test.js b/test/settings.test.js
index 48a9b4c0..d35f1e5e 100644
--- a/test/settings.test.js
+++ b/test/settings.test.js
@@ -69,7 +69,7 @@ test("rejects invalid nested values", () => {
);
assert.throws(
() => validateSettings({ card: { theme: "unsafe-css" } }),
- { message: "card.theme: expected midnight-blue, paper or compact" },
+ { message: "card.theme: expected a built-in card style" },
);
assert.throws(
() => validateSettings({ discord: { enabled: "yes" } }),
/);
for (const id of ["servers-section", "services-section", "discord-form", "privacy-form", "card-form", "youtube-section", "startup-form", "hosted-form", "hosted-devices"]) {
assert.match(page, new RegExp(`id="${id}"`));
}
diff --git a/test/settings.test.js b/test/settings.test.js
index 48a9b4c0..d35f1e5e 100644
--- a/test/settings.test.js
+++ b/test/settings.test.js
@@ -69,7 +69,7 @@ test("rejects invalid nested values", () => {
);
assert.throws(
() => validateSettings({ card: { theme: "unsafe-css" } }),
- { message: "card.theme: expected midnight-blue, paper or compact" },
+ { message: "card.theme: expected a built-in card style" },
);
assert.throws(
() => validateSettings({ discord: { enabled: "yes" } }),