test: update tests

tests/unit/components/panel/PreviewControls.test.ts

@@ -1,22 +1,46 @@
-import PreviewControls from "$components/panel/PreviewControls.svelte";
-import { cleanup, render, screen } from "@testing-library/svelte";
-import { afterEach, describe, expect, it } from "vitest";
+import { SlideDirection } from "$lib/constants";
+import { render, screen } from "@testing-library/svelte";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it } from "vitest";
+import PreviewControlsTest from "./PreviewControlsTest.svelte";
 
-afterEach(() => {
-  cleanup();
-});
+describe("PreviewControls logic", () => {
+  it("should increment current and update direction on next click", async () => {
+    const user = userEvent.setup();
+    render(PreviewControlsTest, { props: { current: 0, max: 3 } });
 
-describe("PreviewControls.svelte", () => {
-  it("should render navigation buttons", () => {
-    render(PreviewControls, {
-      props: {
-        current: 1,
-        direction: "next",
-        max: 3,
-      },
-    });
+    const nextBtn = screen.getByRole("button", { name: /next slide/i });
 
-    const buttons = screen.getAllByRole("button");
-    expect(buttons.length).toBeGreaterThan(0);
+    await user.click(nextBtn);
+
+    expect(screen.getByTestId("current").textContent).toBe("1");
+    expect(screen.getByTestId("direction").textContent).toBe(SlideDirection.NEXT);
+  });
+
+  it("should decrement current on prev click", async () => {
+    const user = userEvent.setup();
+    render(PreviewControlsTest, { props: { current: 2, max: 3 } });
+
+    const prevBtn = screen.getByRole("button", { name: /previous slide/i });
+
+    await user.click(prevBtn);
+
+    expect(screen.getByTestId("current").textContent).toBe("1");
+  });
+
+  it("should handle boundaries and disable buttons", async () => {
+    const user = userEvent.setup();
+    render(PreviewControlsTest, { props: { current: 0, max: 2 } });
+
+    const prevBtn = screen.getByRole("button", { name: /previous slide/i });
+    const nextBtn = screen.getByRole("button", { name: /next slide/i });
+
+    expect(prevBtn).toBeDisabled();
+
+    await user.click(nextBtn);
+
+    expect(screen.getByTestId("current").textContent).toBe("1");
+    expect(nextBtn).toBeDisabled();
+    expect(prevBtn).not.toBeDisabled();
   });
 });

tests/unit/components/panel/PreviewControlsTest.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+  import PreviewControls from "$components/panel/PreviewControls.svelte";
+
+  import { SlideDirection } from "$lib/constants";
+
+  let { current = 0, max = 5 } = $props();
+  let direction = $state(SlideDirection.NEXT);
+</script>
+
+<PreviewControls bind:current bind:direction {max} />
+
+<div data-testid="current">{current}</div>
+<div data-testid="direction">{direction}</div>

tests/unit/components/panel/PreviewManager.test.ts

@@ -1,14 +1,102 @@
 import PreviewManager from "$components/panel/PreviewManager.svelte";
+import { downloadService } from "$services/downloadService";
+import { konvaStageState } from "$states/konvaStage.svelte";
+import { STATE_DATA } from "$states/persisted.svelte";
 import { textsState } from "$states/texts.svelte";
-import { render } from "@testing-library/svelte";
-import { beforeEach, describe, it } from "vitest";
+import { render, screen, waitFor } from "@testing-library/svelte";
+import userEvent from "@testing-library/user-event";
+import { beforeEach, describe, expect, it, vi } from "vitest";
 
-describe("PreviewManager.svelte", () => {
+vi.mock("$services/downloadService", () => ({
+  downloadService: {
+    downloadAll: vi.fn(),
+    downloadPanel: vi.fn(),
+  },
+}));
+
+vi.mock("./Preview.svelte", () => ({
+  default: { render: () => ({}) },
+}));
+describe("PreviewManager Integration", () => {
   beforeEach(() => {
-    textsState.texts.length = 0;
+    vi.clearAllMocks();
+    textsState[STATE_DATA] = [];
   });
 
-  it("should render without crashing", () => {
+  it("should show empty state by aria-label when no texts", () => {
     render(PreviewManager);
+    expect(screen.getByLabelText(/Empty texts info/i)).toBeInTheDocument();
+  });
+
+  it("should toggle navigation buttons availability based on texts length", async () => {
+    textsState[STATE_DATA] = ["1", "2"];
+    render(PreviewManager);
+
+    const nextBtn = screen.getByRole("button", { name: /next slide/i });
+    const prevBtn = screen.getByRole("button", { name: /previous slide/i });
+
+    expect(nextBtn).not.toBeDisabled();
+    expect(prevBtn).toBeDisabled();
+  });
+
+  it("should send correct data to downloadAll service", async () => {
+    const user = userEvent.setup();
+    textsState[STATE_DATA] = ["Apple", "Banana"];
+    render(PreviewManager);
+
+    await user.click(screen.getByRole("button", { name: /download all/i }));
+
+    expect(downloadService.downloadAll).toHaveBeenCalledWith(
+      expect.arrayContaining([
+        expect.objectContaining({ filename: "Apple" }),
+        expect.objectContaining({ filename: "Banana" }),
+      ]),
+    );
+  });
+
+  it("should call downloadPanel with current active text", async () => {
+    const user = userEvent.setup();
+    textsState[STATE_DATA] = ["First", "Second"];
+    konvaStageState.stage = { node: { id: "stage-ref" } } as any;
+
+    render(PreviewManager);
+
+    // Переходим на второй слайд
+    await user.click(screen.getByRole("button", { name: /next slide/i }));
+    await user.click(screen.getByRole("button", { name: /download current/i }));
+
+    expect(downloadService.downloadPanel).toHaveBeenCalledWith(expect.anything(), "Second");
+  });
+
+  it("should return to empty state when texts are removed", async () => {
+    textsState[STATE_DATA] = ["Temp"];
+    render(PreviewManager);
+
+    expect(screen.queryByLabelText(/Empty texts info/i)).not.toBeInTheDocument();
+
+    textsState[STATE_DATA] = [];
+
+    await waitFor(() => {
+      expect(screen.getByLabelText(/Empty texts info/i)).toBeInTheDocument();
+    });
+  });
+
+  it("should automatically correct current index on items deletion", async () => {
+    const user = userEvent.setup();
+    textsState[STATE_DATA] = ["1", "2", "3"];
+    render(PreviewManager);
+
+    // Уходим на последний слайд
+    await user.click(screen.getByRole("button", { name: /next slide/i }));
+    await user.click(screen.getByRole("button", { name: /next slide/i }));
+
+    // Удаляем элементы. Индекс должен упасть с 2 до 0
+    textsState[STATE_DATA] = ["Only one left"];
+
+    await waitFor(() => {
+      // Проверяем, что кнопка "Next" заблокировалась (значит мы на последнем/единственном)
+      expect(screen.getByRole("button", { name: /next slide/i })).toBeDisabled();
+      expect(screen.getByRole("button", { name: /previous slide/i })).toBeDisabled();
+    });
   });
 });