Move the credentials to .env

Author: huanfeng

.gitignore

@@ -14,6 +14,7 @@
 /playwright-report/
 /blob-report/
 /playwright/.cache/
+.env
 
 .next/
 .eslintcache

playwright.config.ts

@@ -37,27 +37,21 @@ export default defineConfig({
     {
       name: "chromium",
       use: {
-        ...devices["Desktop Chrome"],
-        // Use prepared auth state.
-        storageState: "playwright/.auth/user.json"
+        ...devices["Desktop Chrome"]
       }
     },
 
     {
       name: "firefox",
       use: {
-        ...devices["Desktop Firefox"],
-        // Use prepared auth state.
-        storageState: "playwright/.auth/user.json"
+        ...devices["Desktop Firefox"]
       }
     },
 
     {
       name: "webkit",
       use: {
-        ...devices["Desktop Safari"],
-        // Use prepared auth state.
-        storageState: "playwright/.auth/user.json"
+        ...devices["Desktop Safari"]
       }
     }
 

tests/e2e/adminPage.spec.ts

@@ -8,6 +8,7 @@ import {
   Page
 } from "@playwright/test"
 import { AdminPage } from "./page_objects/adminPage"
+require("dotenv").config()
 
 test.describe.serial("Admin Page", () => {
   let browser: Browser
@@ -20,27 +21,43 @@ test.describe.serial("Admin Page", () => {
     context = await browser.newContext()
     page = await context.newPage()
 
-    // Emulator admin account or Dev admin account
-    const adminEmail =
-      process.env.TEST_ADMIN_USERNAME ?? "[email protected]"
-    const adminPassword = process.env.TEST_ADMIN_PASSWORD ?? "password"
+    // Fetch the admin credentials and application URL from the environment variables
+    const adminEmail = process.env.TEST_ADMIN_USERNAME
+    const adminPassword = process.env.TEST_ADMIN_PASSWORD
+    const url = process.env.APP_API_URL
 
-    await page.goto("http://localhost:3000")
+    // Ensure admin credentials and URL are set, otherwise throw an error
+    if (!adminEmail || !adminPassword) {
+      throw new Error(
+        "Admin credentials are not defined in the environment variables."
+      )
+    }
+
+    if (!url) {
+      throw new Error(
+        "URL credentials are not defined in the environment variables."
+      )
+    }
+
+    // Navigate to the application URL, perform login, and verify successful login
+    await page.goto(url)
     await page.getByRole("button", { name: "Log in / Sign up" }).click()
     await page.getByRole("button", { name: "Sign In", exact: true }).click()
     await page.fill('input[name="email"]', adminEmail)
     await page.fill('input[name="password"]', adminPassword)
     await page.click('button[type="submit"]')
     await expect(page.getByAltText("profileMenu")).toBeVisible()
-    await page.goto("http://localhost:3000/admin")
+
+    // Navigate to the admin page
+    await page.goto(url + "/admin")
   })
+
   test.afterAll(async () => {
     // Close the browser instance after all tests
     await browser.close()
   })
 
   test("should allow adding a report", async () => {
-    // Create a report
     const adminPage = new AdminPage(page)
     adminPage.gotoUserReportPage()