test: update tests

2026-02-12 03:44:31 +05:00
parent 9e1eeb57bc
commit 95d7c81cdf
19 changed files with 413 additions and 484 deletions
@@ -1,6 +1,7 @@
 import AppHeader from "$components/layout/AppHeader.svelte";
 import { themeState } from "$states/theme.svelte";
-import { fireEvent, render, screen } from "@testing-library/svelte";
+import { render, screen } from "@testing-library/svelte";
+import userEvent from "@testing-library/user-event";
 import { beforeEach, describe, expect, it } from "vitest";

 describe("AppHeader.svelte", () => {
@@ -9,15 +10,16 @@ describe("AppHeader.svelte", () => {
  });

  it("should toggle theme on button click", async () => {
+    const user = userEvent.setup();
    render(AppHeader);

    const toggleButton = screen.getByRole("button", { name: /toggle theme/i });

    themeState.current = "dark";
-    await fireEvent.click(toggleButton);
+    await user.click(toggleButton);
    expect(themeState.current).toBe("light");

-    await fireEvent.click(toggleButton);
+    await user.click(toggleButton);
    expect(themeState.current).toBe("dark");
  });
 });