feat(react): Setup testing

Author: exaby73

packages/firebaseui-react/package.json

@@ -22,7 +22,14 @@
     "dev": "tsup --watch",
     "lint": "tsc --noEmit",
     "format": "prettier --write \"src/**/*.ts\"",
-    "clean": "rimraf dist"
+    "clean": "rimraf dist",
+    "test": "vitest run tests/unit",
+    "test:watch": "vitest tests/unit",
+    "test:integration": "vitest run tests/integration",
+    "test:integration:watch": "vitest tests/integration",
+    "test:e2e": "vitest run tests/e2e",
+    "test:e2e:watch": "vitest tests/e2e",
+    "test:all": "vitest run"
   },
   "peerDependencies": {
     "@firebase-ui/core": "workspace:*",
@@ -40,11 +47,18 @@
     "zod": "^3.24.1"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^6.4.3",
+    "@testing-library/react": "^16.2.0",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^22.13.8",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react": "^4.3.4",
+    "jsdom": "^26.0.0",
+    "tsup": "^8.3.6",
     "typescript": "~5.6.2",
     "vite": "^6.0.5",
-    "tsup": "^8.3.6"
+    "vitest": "^3.0.7",
+    "vitest-tsconfig-paths": "^3.4.1"
   }
 }

packages/firebaseui-react/tests/setup-test.ts

@@ -0,0 +1,5 @@
+import { expect } from "vitest";
+import * as matchers from "@testing-library/jest-dom/matchers";
+
+// Extend Vitest's expect with jest-dom matchers
+expect.extend(matchers);

packages/firebaseui-react/tests/tsconfig.json

@@ -0,0 +1,16 @@
+{
+    "extends": "../tsconfig.test.json",
+    "include": [
+        "./**/*.tsx",
+        "./**/*.ts"
+    ],
+    "compilerOptions": {
+        "jsx": "react-jsx",
+        "esModuleInterop": true,
+        "types": [
+            "vitest/globals",
+            "node",
+            "@testing-library/jest-dom"
+        ]
+    }
+}

packages/firebaseui-react/tsconfig.test.json

@@ -0,0 +1,16 @@
+{
+    "extends": "./tsconfig.app.json",
+    "compilerOptions": {
+        "jsx": "react-jsx",
+        "esModuleInterop": true,
+        "types": [
+            "vitest/importMeta",
+            "node",
+            "@testing-library/jest-dom"
+        ]
+    },
+    "include": [
+        "**/*.ts",
+        "**/*.tsx"
+    ]
+}

packages/firebaseui-react/vite.config.ts

@@ -1,11 +1,10 @@
 import { defineConfig } from "vite";
 import path from "node:path";
 import react from "@vitejs/plugin-react";
-import tailwindcss from "@tailwindcss/vite";
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [react(), tailwindcss()],
+  plugins: [react()],
   resolve: {
     alias: {
       "@firebase-ui/core": path.resolve(__dirname, "../firebaseui-core/src"),

packages/firebaseui-react/vitest.config.ts

@@ -0,0 +1,20 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    // Use the same environment as the package
+    environment: "jsdom",
+    // Include TypeScript files
+    include: ["tests/**/*.{test,spec}.{js,ts,jsx,tsx}"],
+    // Exclude build output and node_modules
+    exclude: ["node_modules/**/*", "dist/**/*"],
+    // Enable globals for jest-dom to work correctly
+    globals: true,
+    // Use tsconfig.test.json for TypeScript
+    typecheck: {
+      enabled: true,
+      tsconfig: "./tsconfig.test.json",
+      include: ["tests/**/*.{ts,tsx}"],
+    },
+  },
+});