feat: complete advanced Sudoku workbench

2026-08-31 08:20:30 +02:00
parent 8ca9300ab3
commit 0a1bdc1a8c
99 changed files with 20793 additions and 923 deletions
@@ -0,0 +1,72 @@
+import { fireEvent, render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { BoardViewport } from "../../src/components/BoardViewport";
+import { BOARD_SCALE_STORAGE_KEY } from "../../src/state/uiPreferences";
+
+describe("BoardViewport", () => {
+  beforeEach(() => localStorage.clear());
+
+  it("zooms, fits and restores the persisted scale", async () => {
+    const user = userEvent.setup();
+    const { unmount } = render(
+      <BoardViewport>
+        <div>Board</div>
+      </BoardViewport>,
+    );
+
+    expect(screen.getByLabelText("Board zoom level")).toHaveTextContent("100%");
+    await user.click(screen.getByRole("button", { name: "Zoom board in" }));
+    expect(screen.getByLabelText("Board zoom level")).toHaveTextContent("125%");
+    expect(localStorage.getItem(BOARD_SCALE_STORAGE_KEY)).toBe("1.25");
+    unmount();
+
+    render(
+      <BoardViewport>
+        <div>Board</div>
+      </BoardViewport>,
+    );
+    expect(screen.getByLabelText("Board zoom level")).toHaveTextContent("125%");
+    await user.click(screen.getByRole("button", { name: "Fit board" }));
+    expect(screen.getByLabelText("Board zoom level")).toHaveTextContent("100%");
+  });
+
+  it("offers explicit pan mode and board-scoped zoom shortcuts", async () => {
+    const user = userEvent.setup();
+    const onCellKeyDown = vi.fn();
+    render(
+      <BoardViewport>
+        <button type="button" onKeyDown={onCellKeyDown}>
+          Cell
+        </button>
+      </BoardViewport>,
+    );
+
+    const pan = screen.getByRole("button", { name: "Pan board" });
+    expect(pan).toHaveAttribute("aria-pressed", "false");
+    await user.click(pan);
+    expect(
+      screen.getByRole("button", { name: "Stop panning" }),
+    ).toHaveAttribute("aria-pressed", "true");
+    expect(
+      screen.getByRole("status", {
+        name: "",
+      }),
+    ).toHaveTextContent(
+      "Pan mode: drag the board to move it. Cell taps are paused.",
+    );
+    expect(screen.getByLabelText(/pan mode is on/iu)).toBeInTheDocument();
+
+    fireEvent.keyDown(screen.getByRole("button", { name: "Cell" }), {
+      key: "+",
+      ctrlKey: true,
+    });
+    expect(screen.getByLabelText("Board zoom level")).toHaveTextContent("125%");
+    fireEvent.keyDown(screen.getByRole("button", { name: "Cell" }), {
+      key: "0",
+      ctrlKey: true,
+    });
+    expect(screen.getByLabelText("Board zoom level")).toHaveTextContent("100%");
+    expect(onCellKeyDown).not.toHaveBeenCalled();
+  });
+});