mock matchMedia and cookies

Author: mayank1513

lib/nthul/vitest.config.ts

@@ -8,7 +8,7 @@ export default defineConfig({
   test: {
     environment: "jsdom",
     globals: true,
-    setupFiles: [],
+    setupFiles: ["vitest.setup.ts"],
     coverage: {
       include: ["src/**"],
       exclude: ["src/**/index.ts", "src/**/declaration.d.ts"],

lib/nthul/vitest.setup.ts

@@ -0,0 +1,32 @@
+import { vi } from "vitest";
+
+// mock matchMedia
+Object.defineProperty(window, "matchMedia", {
+  writable: true,
+  value: vi.fn().mockImplementation((query: string) => ({
+    matches: query.includes(window.media),
+    media: query,
+    onchange: null,
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+    dispatchEvent: vi.fn(),
+  })),
+});
+
+declare global {
+  interface Window {
+    media: "dark" | "light";
+  }
+  var cookies: Record<string, { value: string }>; // eslint-disable-line no-var -- let is not supported in defining global due to block scope
+  var path: string; // eslint-disable-line no-var -- let is not supported in defining global due to block scope
+}
+Object.defineProperty(window, "media", {
+  writable: true,
+  value: "dark",
+});
+
+globalThis.cookies = {};
+
+vi.mock("next/headers", () => ({
+  cookies: () => ({ get: (cookieName: string) => globalThis.cookies[cookieName] }),
+}));