lint

.github/workflows/bun-tests.yml

@@ -27,7 +27,9 @@ jobs:
       - uses: ./.github/actions/setup-bun
 
       - name: Apply database schema
-        run: bun db:push
+        run: |
+          bun prisma db push \
+          --schema=./packages/db/prisma/schema.prisma
 
       - name: Run tests
         run: bun test

apps/web/package.json

@@ -12,9 +12,9 @@
     "typecheck": "tsc --noEmit --emitDeclarationOnly false"
   },
   "dependencies": {
-    "@good-dog/tailwind": "workspace:*",
     "@good-dog/components": "workspace:*",
     "@good-dog/env": "workspace:*",
+    "@good-dog/tailwind": "workspace:*",
     "@good-dog/trpc": "workspace:*",
     "@good-dog/ui": "workspace:*",
     "next": "14.2.18",

tests/frontend/signin.test.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { fireEvent, screen } from "@testing-library/react";
-import { afterEach, beforeAll, expect, test } from "bun:test";
+import { afterEach, beforeAll, describe, expect, test } from "bun:test";
 
 import { SignInForm } from "@good-dog/components/registration";
 
@@ -9,35 +9,37 @@ import { renderWithShell } from "./util";
 
 const mockNavigation = new MockNextNavigation();
 
-beforeAll(async () => {
-  await mockNavigation.apply();
-});
+describe("SignInForm", () => {
+  beforeAll(async () => {
+    await mockNavigation.apply();
+  });
 
-afterEach(() => {
-  mockNavigation.clear();
-});
+  afterEach(() => {
+    mockNavigation.clear();
+  });
 
-test("Renders the sign in form with email and password fields", () => {
-  renderWithShell(<SignInForm />);
+  test("Renders the sign in form with email and password fields", () => {
+    renderWithShell(<SignInForm />);
 
-  const signInForm = screen.getByRole("form");
-  expect(signInForm).toBeInTheDocument();
+    const signInForm = screen.getByRole("form");
+    expect(signInForm).toBeInTheDocument();
 
-  const emailField = screen.getByLabelText(/email/i);
-  expect(emailField).toBeInTheDocument();
+    const emailField = screen.getByLabelText(/email/i);
+    expect(emailField).toBeInTheDocument();
 
-  const passwordField = screen.getByLabelText(/password/i);
-  expect(passwordField).toBeInTheDocument();
+    const passwordField = screen.getByLabelText(/password/i);
+    expect(passwordField).toBeInTheDocument();
 
-  const submitButton = screen.getByRole("button", { name: /continue/i });
+    const submitButton = screen.getByRole("button", { name: /continue/i });
 
-  fireEvent.change(emailField, { target: { value: "test@example.com" } });
-  fireEvent.change(passwordField, { target: { value: "password123" } });
+    fireEvent.change(emailField, { target: { value: "test@example.com" } });
+    fireEvent.change(passwordField, { target: { value: "password123" } });
 
-  expect(emailField).toHaveValue("test@example.com");
-  expect(passwordField).toHaveValue("password123");
+    expect(emailField).toHaveValue("test@example.com");
+    expect(passwordField).toHaveValue("password123");
 
-  fireEvent.click(submitButton);
+    fireEvent.click(submitButton);
 
-  // TODO: we need to build out an app shell that allows us to test trpc mutations/queries
+    // TODO: we need to build out an app shell that allows us to test trpc mutations/queries
+  });
 });

tests/mocks/MockNextNavigation.ts

@@ -10,11 +10,19 @@ export class MockNextNavigation {
     this.useParams.mockClear();
     this.usePathname.mockClear();
     this.useSearchParams.mockClear();
-    this.useRouter.mockClear();
+    this.useRouter.clear();
   }
 
   readonly useSearchParams = mock();
   readonly usePathname = mock();
-  readonly useRouter = mock();
+  readonly useRouter = new MockRouter();
   readonly useParams = mock();
 }
+
+class MockRouter {
+  clear() {
+    this.push.mockClear();
+  }
+
+  readonly push = mock();
+}

tests/package.json

@@ -24,6 +24,7 @@
     "@testing-library/react": "^16.0.1",
     "@types/bun": "^1.1.10",
     "eslint": "9.10.0",
+    "next": "14.2.18",
     "prettier": "3.2.5",
     "typescript": "5.4.5",
     "zod": "3.23.8"