test(ui): stabilize client page mocks and fix activity table expectations

Author: kennethaasan

src/app/__tests__/client-pages.test.tsx

@@ -5,9 +5,9 @@ import { SiteFooter } from "@/components/layout/site-footer";
 import { SiteHeader } from "@/components/layout/site-header";
 import { QueryProvider } from "@/components/query-provider";
 import { ThemeProvider } from "@/components/theme-provider";
+import { Toaster } from "@/components/ui/sonner";
 import { AuthProvider } from "@/contexts/AuthContext";
 import { cn } from "@/lib/utils";
-import { Toaster } from "@/components/ui/sonner";
 
 export const metadata: Metadata = {
   title: "Mattis",

src/app/layout.tsx

@@ -8,15 +8,6 @@ import { toast } from "sonner";
 import { PageShell } from "@/components/layout/page-shell";
 import { PlayerForm } from "@/components/PlayerForm";
 import { SectionHeader } from "@/components/section-header";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -27,6 +18,15 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
 import {
   Table,
   TableBody,

src/app/players/players-client.tsx

@@ -3,7 +3,7 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { CalendarCheck, Trophy } from "lucide-react";
 import { useRouter } from "next/navigation";
-import { useMemo, useState } from "react";
+import { useMemo } from "react";
 import { toast } from "sonner";
 import { FettmattisForm } from "@/components/FettmattisForm";
 import { FettmattisTable } from "@/components/fettmattis-table";

src/app/rounds/rounds-client.tsx

@@ -95,7 +95,7 @@ describe("Activity tables", () => {
     const deleteButton = await screen.findByRole("button", { name: "Slett" });
     fireEvent.click(deleteButton);
 
-    expect(screen.getByText(/Fjerne Fettmattis?/i)).toBeTruthy();
+    expect(screen.getByText(/Slett denne runden?/i)).toBeTruthy();
     // Round confirmed by dialog;
   });
 

src/components/__tests__/activity-tables.test.tsx

@@ -1,9 +1,6 @@
 "use client";
 
 import { Fragment, useState } from "react";
-
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -14,6 +11,8 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
 import {
   Table,
   TableBody,

src/components/fettmattis-table.tsx

@@ -1,9 +1,6 @@
 "use client";
 
 import { Fragment, useState } from "react";
-
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -14,6 +11,8 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
 import {
   Table,
   TableBody,

src/components/rounds-table.tsx

@@ -1,10 +1,9 @@
 "use client";
 
-import * as React from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-
-import { cn } from "@/lib/utils";
+import * as React from "react";
 import { buttonVariants } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
 
 const AlertDialog = AlertDialogPrimitive.Root;