test color switch

Author: mayank1513

lib/nthul/src/client/color-switch/color-switch.test.tsx

@@ -1,12 +1,22 @@
-import { cleanup, render, screen } from "@testing-library/react";
-import { afterEach, describe, test } from "vitest";
+import { act, cleanup, fireEvent, render, renderHook, screen } from "@testing-library/react";
 import { ColorSwitch } from "./color-switch";
+import { afterEach, describe, test } from "vitest";
+import { useTheme } from "../../hooks/use-theme";
 
-describe.concurrent("color-switch", () => {
+describe("color-switch", () => {
   afterEach(cleanup);
 
-  test("check if h1 heading exists", ({ expect }) => {
+  test("color-scheme-toggle", async ({ expect }) => {
+    const hook = renderHook(() => useTheme());
     render(<ColorSwitch />);
-    expect(screen.getByTestId("color-switch-h1").textContent).toBe("color-switch");
+    const element = screen.getByTestId("color-switch");
+    await act(() => fireEvent.click(element));
+    expect(hook.result.current.colorSchemePreference).toBe("dark");
+    await act(() => fireEvent.click(element));
+    expect(hook.result.current.colorSchemePreference).toBe("light");
+    await act(() => fireEvent.click(element));
+    expect(hook.result.current.colorSchemePreference).toBe("system");
+    await act(() => fireEvent.click(element));
+    expect(hook.result.current.colorSchemePreference).toBe("dark");
   });
 });