move test files

Author: chiptus

…components/__tests__/GenreBadge.test.tsx src/components/GenreBadge.test.tsxsrc/components/__tests__/GenreBadge.test.tsx renamed to src/components/GenreBadge.test.tsx src/components/__tests__/GenreBadge.test.tsx renamed to src/components/GenreBadge.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it, vi, beforeEach } from "vitest";
 import { render, screen } from "@testing-library/react";
-import { GenreBadge } from "../GenreBadge";
+import { GenreBadge } from "./GenreBadge";
 import * as useGenresModule from "@/hooks/queries/genres/useGenres";
 
 vi.mock("@/hooks/queries/genres/useGenres");

…components/__tests__/StageBadge.test.tsx src/components/StageBadge.test.tsxsrc/components/__tests__/StageBadge.test.tsx renamed to src/components/StageBadge.test.tsx src/components/__tests__/StageBadge.test.tsx renamed to src/components/StageBadge.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest";
 import { render, screen } from "@testing-library/react";
-import { StageBadge } from "../StageBadge";
+import { StageBadge } from "./StageBadge";
 
 describe("StageBadge", () => {
   it("renders stage name", () => {

…c/components/__tests__/StagePin.test.tsx src/components/StagePin.test.tsxsrc/components/__tests__/StagePin.test.tsx renamed to src/components/StagePin.test.tsx src/components/__tests__/StagePin.test.tsx renamed to src/components/StagePin.test.tsx

@@ -1,8 +1,10 @@
 import { describe, expect, it, vi, beforeEach } from "vitest";
 import { render, screen } from "@testing-library/react";
-import { StagePin } from "../StagePin";
+import { StagePin } from "./StagePin";
 import * as useStageQueryModule from "@/hooks/queries/stages/useStageQuery";
 
+type StageQueryResult = ReturnType<typeof useStageQueryModule.useStageQuery>;
+
 vi.mock("@/hooks/queries/stages/useStageQuery");
 
 describe("StagePin", () => {
@@ -15,7 +17,7 @@ describe("StagePin", () => {
       data: { id: "1", name: "Main Stage", color: "#ff0000", archived: false },
       isLoading: false,
       error: null,
-    } as any);
+    } as StageQueryResult);
 
     render(<StagePin stageId="1" />);
     expect(screen.getByText("Main Stage")).toBeInTheDocument();
@@ -26,7 +28,7 @@ describe("StagePin", () => {
       data: { id: "1", name: "Main Stage", color: "#ff0000", archived: false },
       isLoading: false,
       error: null,
-    } as any);
+    } as StageQueryResult);
 
     const { container } = render(<StagePin stageId="1" />);
     const icon = container.querySelector("svg");
@@ -38,7 +40,7 @@ describe("StagePin", () => {
       data: null,
       isLoading: false,
       error: null,
-    } as any);
+    } as StageQueryResult);
 
     const { container } = render(<StagePin stageId="1" />);
     expect(container.firstChild).toBeNull();
@@ -49,7 +51,7 @@ describe("StagePin", () => {
       data: null,
       isLoading: false,
       error: null,
-    } as any);
+    } as StageQueryResult);
 
     const { container } = render(<StagePin stageId={null} />);
     expect(container.firstChild).toBeNull();
@@ -60,7 +62,7 @@ describe("StagePin", () => {
       data: null,
       isLoading: true,
       error: null,
-    } as any);
+    } as unknown as StageQueryResult);
 
     const { container } = render(<StagePin stageId="1" />);
     expect(container.firstChild).toBeNull();
@@ -71,7 +73,7 @@ describe("StagePin", () => {
       data: { id: "1", name: "Main Stage", color: "#ff0000", archived: false },
       isLoading: false,
       error: null,
-    } as any);
+    } as StageQueryResult);
 
     const { container } = render(<StagePin stageId="1" />);
     const wrapper = container.querySelector("div");
@@ -83,7 +85,7 @@ describe("StagePin", () => {
       data: { id: "1", name: "Main Stage", color: "#ff0000", archived: false },
       isLoading: false,
       error: null,
-    } as any);
+    } as StageQueryResult);
 
     const { container } = render(<StagePin stageId="1" />);
     const icon = container.querySelector("svg");
@@ -95,7 +97,7 @@ describe("StagePin", () => {
       data: { id: "1", name: "Main Stage", color: "#ff0000", archived: false },
       isLoading: false,
       error: null,
-    } as any);
+    } as StageQueryResult);
 
     const { container } = render(<StagePin stageId="1" />);
     const text = container.querySelector("span");
@@ -112,7 +114,7 @@ describe("StagePin", () => {
       },
       isLoading: false,
       error: null,
-    } as any);
+    } as StageQueryResult);
 
     render(<StagePin stageId="2" />);
     expect(screen.getByText("Electronic Stage")).toBeInTheDocument();

…c/components/ui/__tests__/badge.test.tsx src/components/ui/badge.test.tsxsrc/components/ui/__tests__/badge.test.tsx renamed to src/components/ui/badge.test.tsx src/components/ui/__tests__/badge.test.tsx renamed to src/components/ui/badge.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest";
 import { render, screen } from "@testing-library/react";
-import { Badge } from "../badge";
+import { Badge } from "./badge";
 
 describe("Badge", () => {
   it("renders children content", () => {

…/components/ui/__tests__/button.test.tsx src/components/ui/button.test.tsxsrc/components/ui/__tests__/button.test.tsx renamed to src/components/ui/button.test.tsx src/components/ui/__tests__/button.test.tsx renamed to src/components/ui/button.test.tsx

@@ -1,12 +1,14 @@
 import { describe, expect, it, vi } from "vitest";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { Button } from "../button";
+import { Button } from "./button";
 
 describe("Button", () => {
   it("renders children content", () => {
     render(<Button>Click me</Button>);
-    expect(screen.getByRole("button", { name: "Click me" })).toBeInTheDocument();
+    expect(
+      screen.getByRole("button", { name: "Click me" }),
+    ).toBeInTheDocument();
   });
 
   it("renders with default variant", () => {
@@ -28,7 +30,9 @@ describe("Button", () => {
   });
 
   it("renders with secondary variant", () => {
-    const { container } = render(<Button variant="secondary">Secondary</Button>);
+    const { container } = render(
+      <Button variant="secondary">Secondary</Button>,
+    );
     const button = container.querySelector("button");
     expect(button).toHaveClass("bg-secondary", "text-secondary-foreground");
   });
@@ -86,13 +90,19 @@ describe("Button", () => {
   it("does not trigger click when disabled", async () => {
     const user = userEvent.setup();
     const handleClick = vi.fn();
-    render(<Button disabled onClick={handleClick}>Disabled</Button>);
+    render(
+      <Button disabled onClick={handleClick}>
+        Disabled
+      </Button>,
+    );
     await user.click(screen.getByRole("button"));
     expect(handleClick).not.toHaveBeenCalled();
   });
 
   it("applies custom className", () => {
-    const { container } = render(<Button className="custom-class">Custom</Button>);
+    const { container } = render(
+      <Button className="custom-class">Custom</Button>,
+    );
     const button = container.querySelector("button");
     expect(button).toHaveClass("custom-class");
   });
@@ -111,7 +121,11 @@ describe("Button", () => {
   });
 
   it("passes through HTML attributes", () => {
-    render(<Button type="submit" data-testid="submit-btn">Submit</Button>);
+    render(
+      <Button type="submit" data-testid="submit-btn">
+        Submit
+      </Button>,
+    );
     const button = screen.getByTestId("submit-btn");
     expect(button).toHaveAttribute("type", "submit");
   });
@@ -122,7 +136,11 @@ describe("Button", () => {
   });
 
   it("combines variant and size classes", () => {
-    const { container } = render(<Button variant="destructive" size="lg">Large Delete</Button>);
+    const { container } = render(
+      <Button variant="destructive" size="lg">
+        Large Delete
+      </Button>,
+    );
     const button = container.querySelector("button");
     expect(button).toHaveClass("bg-destructive");
     expect(button).toHaveClass("h-11", "px-8");

src/components/ui/__tests__/card.test.tsx src/components/ui/card.test.tsxsrc/components/ui/__tests__/card.test.tsx renamed to src/components/ui/card.test.tsx

@@ -7,7 +7,7 @@ import {
   CardDescription,
   CardContent,
   CardFooter,
-} from "../card";
+} from "./card";
 
 describe("Card", () => {
   it("renders children content", () => {

src/hooks/__tests__/use-mobile.test.tsx src/hooks/use-mobile.test.tsxsrc/hooks/__tests__/use-mobile.test.tsx renamed to src/hooks/use-mobile.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it, beforeEach, afterEach, vi } from "vitest";
 import { renderHook, act, waitFor } from "@testing-library/react";
-import { useIsMobile } from "../use-mobile";
+import { useIsMobile } from "./use-mobile";
 
 describe("useIsMobile", () => {
   let matchMediaMock: {

src/hooks/__tests__/use-toast.test.ts src/hooks/use-toast.test.tssrc/hooks/__tests__/use-toast.test.ts renamed to src/hooks/use-toast.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it, afterEach, vi } from "vitest";
 import { renderHook, act } from "@testing-library/react";
-import { useToast, toast } from "../use-toast";
+import { useToast, toast } from "./use-toast";
 
 describe("useToast", () => {
   afterEach(() => {