✅ Chore: add testing infrastructure with bun

Author: Ealanisln

bun.lockb

@@ -0,0 +1 @@
+import '@testing-library/jest-dom'

buntest.setup.ts

@@ -0,0 +1,2 @@
+/// <reference types="@testing-library/jest-dom" />
+

global.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+

jest.setup.ts

@@ -14,8 +14,14 @@
     "db:review": "bunx prisma studio",
     "db:full-sync": "bun run scripts/db-full-sync.ts",
     "db:backup": "bun run scripts/backup-db.ts",
-    "db:restore": "bun run scripts/restore-db.ts"
+    "db:restore": "bun run scripts/restore-db.ts",
+    "test": "bun test",
+    "test:watch": "bun test --watch"
   },
+  "jest": {
+    "setupFilesAfterEnv": ["<rootDir>/jest.setup.ts"]
+  },
+  "trustedDependencies": ["@testing-library/react"],
   "prisma": {
     "seed": "bun prisma/seed.ts"
   },
@@ -101,16 +107,21 @@
     "zustand": "^5.0.1"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
     "@types/bcrypt": "^5.0.2",
     "@types/bcryptjs": "^2.4.6",
+    "@types/jest": "^29.5.14",
     "@types/node": "^22.9.1",
     "@types/nodemailer": "^6.4.17",
     "@types/prismjs": "^1.26.5",
     "@types/react": "npm:[email protected]",
     "@types/react-dom": "npm:[email protected]",
     "autoprefixer": "^10.4.20",
+    "bun-types": "^1.1.36",
     "eslint": "^9.15.0",
     "eslint-config-next": "15.0.3",
+    "jest-environment-jsdom": "^29.7.0",
     "postcss": "^8.4.49",
     "prisma": "^5.22.0",
     "tailwindcss": "^3.4.15",

package.json

@@ -0,0 +1,23 @@
+import { expect, test, describe } from "bun:test";
+import { render, screen } from '@testing-library/react';
+import Page from '@/app/page';
+
+declare module "bun:test" {
+  interface Matchers<T = unknown> {
+    toBeInTheDocument(): boolean;
+    toHaveTextContent(text: string): boolean;
+    toBeVisible(): boolean;
+  }
+}
+
+describe('Home Page', () => {
+  test('renders heading', () => {
+    render(<Page />);
+    
+    const heading = screen.getByRole('heading', {
+      name: /welcome/i,
+    });
+
+    expect(heading).toBeInTheDocument();
+  });
+});

src/app/__tests__/page.test.tsx

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+

test.setup.ts

@@ -20,8 +20,15 @@
     ],
     "paths": {
       "@/*": ["./src/*"]
-    }
+    },
+    "types": ["bun-types", "@testing-library/jest-dom", "jest"]
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "global.d.ts"
+  ],
+   "exclude": ["node_modules"]
 }

tsconfig.json

@@ -0,0 +1,2 @@
+/// <reference types="bun-types" />
+