feat: abort slow requests when testing with playwright (#2542)

* feat: abort slow requests when testing with playwright

* fix: override default behavior in campaign test to load data from api.

* feat: New test use test fixture

* chore: swithc to using a non relative import

* fix: increase timeout of auth setup

* fix: remove @ from test imports

* feat: mock everything related to user auth instead of logging in

* chore: break out some duplicated code

* chore: add default data option to function

* chore: bump up timeout for now for auth test

* feat: use other fixture as base

* fix: add mission override to other campaign test

* chore: split up network aborts in tests

* fix: mission_list not getting caught

* fix: allow localhost requests to go though

* fix: Increase timeout in expects to 30s

* fix: Add back js and css

---------

Co-authored-by: tcchase <[email protected]>

Author: williamh890

e2e/auth.setup.ts

@@ -3,26 +3,37 @@ import dotenv from 'dotenv';
 import { overrideUserCookieHeaders } from 'e2e/helpers';
 
 async function globalSetup() {
-  // const { baseURL } = config.projects[0].use;
   const browser = await chromium.launch();
   const page = await browser.newPage();
   console.log('Running auth setup function');
   dotenv.config({ quiet: true });
 
   await page.goto('https://search.asf.alaska.edu');
-  const popupPromise = page.waitForEvent('popup');
+
   if (!process.env['PLAYWRIGHT_USERNAME']) {
     console.log('No credentials defined: Some tests may fail');
     return;
   }
+
   console.log('Signing in');
+  const popupPromise = page.waitForEvent('popup');
   await page.getByRole('button', { name: 'Sign In' }).click();
   const popup = await popupPromise;
+
   await popup.getByLabel('username').fill(process.env['PLAYWRIGHT_USERNAME']);
   await popup.getByLabel('password').fill(process.env['PLAYWRIGHT_PASSWORD']);
   await overrideUserCookieHeaders(page);
-  await popup.getByRole('button', { name: 'Log in' }).click();
-  await expect(page.getByRole('button', { name: 'Sign In' })).toHaveCount(0);
+
+  await popup
+    .getByRole('button', { name: 'Log in' })
+    .click({ timeout: 10_000 });
+
+  await popup.waitForEvent('close', { timeout: 15_000 });
+
+  await expect(page.getByRole('button', { name: 'Sign In' })).toHaveCount(0, {
+    timeout: 15_000,
+  });
+
   console.log('Sign in successful');
   await page.context().storageState({ path: 'playwright/.auth/user.json' });
   await browser.close();

e2e/baseline/download.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from 'e2e/fixtures';
 
 test('Add files to Download Queue', async ({ page }) => {
   await page.goto('/');
@@ -21,15 +21,19 @@ test('Add files to Download Queue', async ({ page }) => {
     name: /Add \d+ Files to downloads/,
   });
   const menuText = (await addToDownloadsMenuItem.textContent()) ?? '';
-  const fileCount = Number(menuText.match(/Add (\d+) Files to downloads/i)?.[1] ?? 0);
+  const fileCount = Number(
+    menuText.match(/Add (\d+) Files to downloads/i)?.[1] ?? 0,
+  );
 
   expect(fileCount).toBeGreaterThan(0);
 
   await addToDownloadsMenuItem.click();
   await page.getByRole('button', { name: 'Downloads' }).click();
 
-  await expect(page.locator('.dl-subtitle')).toContainText(`${fileCount} Files`);
-  await expect(page.locator('.dl-mat-dialog-content mat-list-item')).toHaveCount(
-    fileCount,
+  await expect(page.locator('.dl-subtitle')).toContainText(
+    `${fileCount} Files`,
   );
+  await expect(
+    page.locator('.dl-mat-dialog-content mat-list-item'),
+  ).toHaveCount(fileCount);
 });

e2e/baseline/export.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from 'e2e/fixtures';
 import * as fs from 'fs';
 import { parse } from 'csv-parse/sync';
 

e2e/baseline/filters.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from 'e2e/fixtures';
 
 test('Baseline Start & End Date Filters', async ({ page }) => {
   await page.goto('/');

e2e/baseline/sentinel-scene-from-geo.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from 'e2e/fixtures';
 import { waitForASFAPIResponse } from 'e2e/helpers';
 
 test('Baseline: Search for a Sentinel Scene from Geo Search (SLC File)', async ({

e2e/baseline/zoom.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from 'e2e/fixtures';
 
 test('Baseline zoom to results', async ({ page }) => {
   const getMapInfoText = async () =>

e2e/displacement/map.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from 'e2e/fixtures';
 
 test('Click on displacement map', async ({ page }) => {
   await page.goto('/');

e2e/events/active-inactive-event-filter.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from 'e2e/fixtures';
 
 test('Active/Inactive Event Filter', async ({ page }) => {
   await page.goto('/');

e2e/events/browse-viewer-download-or-add-to-download-queue.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from 'e2e/fixtures';
 
 test('Browse Viewer: Download or Add to Download Queue', async ({ page }) => {
   await page.goto('/');

e2e/events/clear-search.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from 'e2e/fixtures';
 
 test('Clear Search', async ({ page }) => {
   await page.goto('/');