Merge pull request #825 from cisagov/Playwright_local_testing_changes

Change Playwright configuration to have test domain as an environment variable

Author: JCantu248

dev.env.example

@@ -137,10 +137,10 @@ IS_DMZ=1
 POSTGRES_SCAN_USER=
 POSTGRES_SCAN_PASSWORD=
 
-PW_XFD_URL = 'http://xfd-frontend-1:3000/'
-PW_XFD_USERNAME = '[email protected]'
-PW_XFD_PASSWORD =
-PW_XFD_2FA_ISSUER =
-PW_XFD_2FA_SECRET =
-PW_XFD_USER_ROLE =
-SESSION_STORAGE = ""
+PW_XFD_URL='http://xfd-frontend-1:3000/'
+PW_XFD_USERNAME='[email protected]'
+PW_XFD_PASSWORD=
+PW_XFD_2FA_ISSUER=
+PW_XFD_2FA_SECRET=
+PW_XFD_USER_ROLE=
+SESSION_STORAGE= ""

playwright/global-setup.ts

@@ -18,6 +18,7 @@ let totp = new OTPAuth.TOTP({
 const axios = require('axios');
 
 const waitForFrontend = async (url, timeout = 900000, checkInterval = 5000) => {
+  console.log(`Url: ${url}`);
   const startTime = Date.now();
   while (Date.now() - startTime < timeout) {
     try {
@@ -48,8 +49,8 @@ async function globalSetup(config: FullConfig) {
   const page = await browser.newPage();
 
   //Log in with credentials.
-  await waitForFrontend('http://xfd-frontend-1:3000');
-  await page.goto('http://xfd-frontend-1:3000');
+  await waitForFrontend(process.env.PW_XFD_URL);
+  await page.goto(String(process.env.PW_XFD_URL));
   await page.getByTestId('button').click();
   await page
     .getByLabel('Username (Email)')

playwright/playwright.config.ts

@@ -27,13 +27,14 @@ export default defineConfig({
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: [
     ['list', { printSteps: true }],
-    ['json', { outputFile: 'test-results/test-results.json' }],
-    ['html', { open: 'always' }]
+    ['json', { outputFile: 'playwright-report/results.json' }],
+    ['html', { outputFolder: 'playwright-report/html', open: 'never' }]
   ],
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
-    baseURL: 'http://xfd-frontend-1:3000',
+    baseURL: process.env.PW_XFD_URL,
+    headless: true,
     storageState: 'storageState.json',
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */