Merge pull request codediodeio#114 from JeremyVoisin/feature/emulator-tests

Permit the use of firebase emulator for testing

Author: codediodeio

playwright.config.ts

@@ -2,7 +2,7 @@ import { defineConfig } from '@playwright/test';
 
 export default defineConfig({
 	webServer: {
-		command: 'npm run build && npm run preview',
+		command: 'firebase emulators:exec --only firestore,storage,auth "NODE_ENV=ci npm run build && npm run preview"',
 		port: 4173
 	},
 	testDir: 'tests',

src/routes/firebase.ts

@@ -21,7 +21,7 @@ export const db = getFirestore(app);
 export const auth = getAuth(app);
 export const storage = getStorage(app);
 
-if (dev) {
+if (dev || import.meta.env.MODE === "ci") {
     connectAuthEmulator(auth, "http://localhost:9099");
     connectFirestoreEmulator(db, "localhost", 8080);
     connectStorageEmulator(storage, "localhost", 9199);

tests/auth.test.ts

@@ -16,9 +16,10 @@ test.describe.serial("Auth", () => {
   });
 
   test("User can sign in and out", async () => {
-    await page.getByRole("button", { name: "Sign In" }).click();
+    
+    await expect(page.getByRole("button", { name: "Sign In" })).toBeVisible();
+    await page.getByRole("button", { name: "Sign In" }).click({delay: 1000});
     await expect(page.getByRole("button", { name: "Sign Out" })).toBeVisible();
-    await expect(page.getByText("Signed In")).toBeVisible();
 
     await page.getByRole("button", { name: "Sign Out" }).click();
     await expect(page.getByRole("button", { name: "Sign In" })).toBeVisible();