♻️ Use env vars for Playwright tests

Author: tiangolo

frontend/playwright.config.ts

@@ -1,11 +1,11 @@
 import { defineConfig, devices } from '@playwright/test';
+import 'dotenv/config'
 
 
 /**
  * Read environment variables from file.
  * https://github.com/motdotla/dotenv
  */
-// require('dotenv').config();
 
 /**
  * See https://playwright.dev/docs/test-configuration.

frontend/tests/reset-password.spec.ts

@@ -50,7 +50,7 @@ test("User can reset password successfully using the link", async ({
     timeout: 5000,
   })
 
-  await page.goto(`http://localhost:1080/messages/${emailData.id}.html`)
+  await page.goto(`${process.env.MAILCATCHER_HOST}/messages/${emailData.id}.html`)
 
   const selector = 'a[href*="/reset-password?token="]'
 
@@ -103,7 +103,7 @@ test("Weak new password validation", async ({ page, request }) => {
     timeout: 5000,
   })
 
-  await page.goto(`http://localhost:1080/messages/${emailData.id}.html`)
+  await page.goto(`${process.env.MAILCATCHER_HOST}/messages/${emailData.id}.html`)
 
   const selector = 'a[href*="/reset-password?token="]'
   let url = await page.getAttribute(selector, "href")

frontend/tests/utils/mailcatcher.ts

@@ -10,7 +10,7 @@ async function findEmail({
   request,
   filter,
 }: { request: APIRequestContext; filter?: (email: Email) => boolean }) {
-  const response = await request.get("http://localhost:1080/messages")
+  const response = await request.get(`${process.env.MAILCATCHER_HOST}/messages`)
 
   let emails = await response.json()