@bearmenu/ui 0.8.24 → 0.8.25

package/src/components/drift-rail.test.tsx

@@ -1,125 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { act, fireEvent, render, screen } from "@testing-library/react";
-import { DriftRail } from "./drift-rail";
-
-const labels = { pause: "Pause the rail", play: "Play the rail" };
-
-/**
- * jsdom lays nothing out, so the track's `scrollWidth` is 0 and the loop's
- * `half > 0` guard skips every frame. The tests give the track a width and
- * the scroller a writable `scrollLeft`, capture the rAF callbacks, and drive
- * the frames by hand with a clock that moves in whole seconds.
- */
-const TRACK_WIDTH = 2000;
-
-let frames = new Map<number, FrameRequestCallback>();
-let nextFrameId = 1;
-let now = 0;
-
-function runFrame(elapsedMs: number) {
-  now += elapsedMs;
-  const pending = [...frames.values()];
-  frames = new Map();
-  act(() => {
-    for (const frame of pending) frame(now);
-  });
-}
-
-function renderRail(props: Partial<React.ComponentProps<typeof DriftRail>> = {}) {
-  const view = render(
-    <DriftRail durationSeconds={10} {...props}>
-      <a href="/a">A</a>
-      <a href="/b">B</a>
-    </DriftRail>
-  );
-  const track = screen.getAllByText("A")[0].parentElement as HTMLElement;
-  const scroller = track.parentElement as HTMLElement;
-  Object.defineProperty(track, "scrollWidth", { value: TRACK_WIDTH, configurable: true });
-  let scrollLeft = 0;
-  Object.defineProperty(scroller, "scrollLeft", {
-    get: () => scrollLeft,
-    set: (value: number) => {
-      scrollLeft = value;
-    },
-    configurable: true,
-  });
-  return { ...view, scroller, track };
-}
-
-beforeEach(() => {
-  frames = new Map();
-  nextFrameId = 1;
-  now = 0;
-  vi.spyOn(window, "requestAnimationFrame").mockImplementation((callback) => {
-    const id = nextFrameId++;
-    frames.set(id, callback);
-    return id;
-  });
-  vi.spyOn(window, "cancelAnimationFrame").mockImplementation((id) => {
-    frames.delete(id);
-  });
-  vi.spyOn(performance, "now").mockImplementation(() => now);
-});
-
-afterEach(() => {
-  vi.restoreAllMocks();
-});
-
-describe("DriftRail", () => {
-  it("advances the scroller by width / duration per second", () => {
-    const { scroller } = renderRail();
-    runFrame(0);
-    runFrame(1000);
-    // One copy is half the track; 1000px over 10s is 100px per second.
-    expect(scroller.scrollLeft).toBeCloseTo(100, 5);
-  });
-
-  it("renders no control without labels", () => {
-    renderRail();
-    expect(screen.queryByRole("button")).not.toBeInTheDocument();
-  });
-
-  it("stops advancing when the reader presses pause, and stays stopped until play", () => {
-    const { scroller } = renderRail({ labels });
-    runFrame(0);
-    runFrame(1000);
-    const advanced = scroller.scrollLeft;
-    expect(advanced).toBeGreaterThan(0);
-
-    const toggle = screen.getByRole("button", { name: labels.pause });
-    expect(toggle).toHaveAttribute("aria-pressed", "false");
-    fireEvent.click(toggle);
-
-    expect(toggle).toHaveAttribute("aria-pressed", "true");
-    expect(toggle).toHaveAccessibleName(labels.play);
-
-    runFrame(0);
-    runFrame(1000);
-    runFrame(1000);
-    expect(scroller.scrollLeft).toBe(advanced);
-
-    // The latch survives the hover hold lifting: nothing but play resumes it.
-    fireEvent.mouseEnter(scroller);
-    fireEvent.mouseLeave(scroller);
-    runFrame(0);
-    runFrame(1000);
-    expect(scroller.scrollLeft).toBe(advanced);
-
-    fireEvent.click(toggle);
-    expect(toggle).toHaveAttribute("aria-pressed", "false");
-    runFrame(0);
-    runFrame(1000);
-    expect(scroller.scrollLeft).toBeGreaterThan(advanced);
-  });
-
-  it("makes the duplicate pass inert as well as aria-hidden", () => {
-    const { track } = renderRail();
-    const copies = screen.getAllByText("A");
-    expect(copies).toHaveLength(2);
-    const clone = copies[1].parentElement as HTMLElement;
-    expect(clone.parentElement).toBe(track);
-    expect(clone).toHaveAttribute("aria-hidden", "true");
-    expect(clone).toHaveAttribute("inert");
-    expect(copies[0].parentElement).toBe(track);
-  });
-});

package/src/components/poster-tape.test.tsx

@@ -1,42 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { render, screen } from "@testing-library/react";
-import { PosterTape } from "./poster-tape";
-
-describe("PosterTape", () => {
-  it("renders meta alone when no time is given", () => {
-    render(<PosterTape items={[{ id: "1", title: "Warehouse Rave", meta: "SAT 20:00" }]} />);
-    const [meta] = screen.getAllByText("SAT 20:00");
-    expect(meta).toHaveClass("truncate");
-    expect(meta.parentElement?.childElementCount).toBe(1);
-  });
-
-  it("renders the time outside the truncating span so it never clips", () => {
-    render(
-      <PosterTape
-        items={[{ id: "1", title: "Warehouse Rave", meta: "sâm., 5 sept.", time: "17:00" }]}
-      />
-    );
-    const [meta] = screen.getAllByText("sâm., 5 sept.");
-    const [time] = screen.getAllByText("· 17:00");
-
-    expect(meta).toHaveClass("truncate");
-    expect(meta.contains(time)).toBe(false);
-    expect(time).toHaveClass("shrink-0");
-    expect(time).not.toHaveClass("truncate");
-    expect(time.parentElement).toBe(meta.parentElement);
-    expect(meta.parentElement).not.toHaveClass("truncate");
-  });
-
-  it("forwards labels to the rail's pause control", () => {
-    render(
-      <PosterTape
-        items={[{ id: "1", title: "Warehouse Rave", meta: "SAT 20:00" }]}
-        labels={{ pause: "Pause the tape", play: "Play the tape" }}
-      />
-    );
-    expect(screen.getByRole("button", { name: "Pause the tape" })).toHaveAttribute(
-      "aria-pressed",
-      "false"
-    );
-  });
-});