Files
siftlode/frontend/src/components/VideoCard.channel.dom.test.tsx
T
peter 4aaaaa7860 chore(comments): drop epic, sprint and review-round ids from the code
The code cited its plan instead of saying why: `E28 review J4`, `(R6 S3b)`, `S1 justified…`,
`deep-review round 5`. That plan lives in the private ops repo, so for every reader of this one the
citation was noise, and a sentence whose subject was the plan step ("round 2 showed…") hid its
lesson behind an id. Each one is gone and the "why" kept: a bare citation is deleted, a sentence
carrying a lesson is reworded around it ("a later attempt showed…").

Measured (`scripts/audit_metrics.py`, product code): 652 lines in 270 files carried an epic code by
the definition the next commit holds (507 / 241 by the old, two-digit-only one) -> 0. Across all
code, tests, scripts and configs: ~1100 epic-code lines plus ~320 sprint/round ids.

Behaviour unchanged, checked mechanically: every changed .py file has the same AST once docstrings
are blanked; css/sh/toml/yml/json files are identical once comments are stripped; the only
non-comment changes in TS/JS are test titles, one description string in a contract table, and five
ESLint messages, whose text is all the gates snapshot diff holds. Not touched: Markdown (docs and
the changelog keep their history), Alembic migrations, TV episode notation (`S2 · E5`), DESIGN.md
ids (`C1`, `B4`, `S3h`), tracker ids (`SEC-16`, `DX-17`).

One stale claim fixed on the way: test_hls_reaper's docstring said the player checkpoints "every
10 s whether or not it is playing", which plex/stream.py calls wrong; it now says what the code does.
2026-10-05 00:19:39 +02:00

78 lines
2.5 KiB
TypeScript

// @vitest-environment jsdom
//
// The video card's channel name was a <button>: a plain click opened the channel in-app, but
// middle-click and Ctrl/Cmd-click did nothing — while the title right above it, an anchor, honoured
// them. Found in the 2026-09 bug hunt, when the player's channel name had just become a
// real link and the card's had not. (The link's own gesture rules are pinned in
// ChannelNameLink.dom.test.tsx; this pins that the CARD uses it.)
import { describe, it, expect, vi, beforeAll, beforeEach } from "vitest";
import { render, screen, cleanup } from "@testing-library/react";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
const h = vi.hoisted(() => ({ openChannel: vi.fn() }));
vi.mock("react-i18next", async (importOriginal) => ({
...(await importOriginal<typeof import("react-i18next")>()),
useTranslation: () => ({ t: (key: string) => key, i18n: { language: "en" } }),
}));
vi.mock("./navigationContext", () => ({
useNavigationActions: () => ({ openChannel: h.openChannel }),
}));
import VideoCard from "./VideoCard";
import type { Video } from "../lib/api";
beforeAll(() => {
class Stub {
observe() {}
unobserve() {}
disconnect() {}
takeRecords() {
return [];
}
}
globalThis.ResizeObserver ??= Stub as unknown as typeof ResizeObserver;
globalThis.IntersectionObserver ??= Stub as unknown as typeof IntersectionObserver;
});
const CH = "UCsXVk37bltHxD1rDPwtNM8Q";
const video = {
id: "abc123",
title: "Cicada 3301",
channel_id: CH,
channel_title: "LEMMiNO",
status: "new",
saved: false,
position_seconds: 0,
duration_seconds: 1200,
published_at: "2026-01-01T00:00:00Z",
watch_url: "https://www.youtube.com/watch?v=abc123",
thumbnail_url: "",
} as unknown as Video;
beforeEach(() => {
cleanup();
h.openChannel.mockClear();
window.history.replaceState({}, "", "/?page=feed");
});
describe("VideoCard — the channel name", () => {
it("is a real link to the channel, and a plain click still opens it in-app", () => {
render(
<QueryClientProvider client={new QueryClient()}>
<VideoCard
video={video}
view="cards"
width={320}
onState={() => {}}
onToggleSave={() => {}}
/>
</QueryClientProvider>,
);
const link = screen.getByTestId("video-card-channel");
expect(link.tagName).toBe("A");
expect(link.getAttribute("href")).toBe(`/?page=feed&chan=${CH}`);
link.click();
expect(h.openChannel).toHaveBeenCalledWith(CH, "LEMMiNO");
});
});