Merge pull request #2498 from asfadmin/playwright-docker

Use docker image for dependencies in github action

Author: tylercchase

.github/workflows/e2etest.yml

@@ -13,6 +13,9 @@ jobs:
   test:
     timeout-minutes: 60
     runs-on: ubuntu-latest
+    container:
+      image: mcr.microsoft.com/playwright:v1.59.1-noble
+      options: --user 1001
     environment:
       name: playwright
       deployment: false
@@ -34,8 +37,6 @@ jobs:
         run: mkdir -p playwright/.auth
       - name: Import Credentials
         run: echo "${{ secrets.TEST_ACCOUNT_CREDS }}" | base64 --decode > playwright/.auth/creds.json
-      - name: Install Playwright Browsers
-        run: npx playwright install --with-deps
       - name: Run Playwright tests
         run: npm run e2e -- --shard=${{ matrix.shardIndex }}/${{ matrix.shardTotal }}
       - uses: actions/upload-artifact@v4

e2e/geographic/aoi-file-input.spec.ts

@@ -3,10 +3,6 @@ import { test, expect } from '@playwright/test';
 test('Import a geojson point file', async ({ page }) => {
   await page.goto('/');
   await page.locator('app-aoi-filter').getByText('arrow_drop_down').click();
-  await page
-    .locator('app-aoi-filter')
-    .getByRole('button', { name: 'Import File' })
-    .click();
 
   await page
     .locator('app-aoi-filter')
@@ -25,10 +21,6 @@ test('Import a geojson point file', async ({ page }) => {
 test('Import a KML file', async ({ page }) => {
   await page.goto('/');
   await page.locator('app-aoi-filter').getByText('arrow_drop_down').click();
-  await page
-    .locator('app-aoi-filter')
-    .getByRole('button', { name: 'Import File' })
-    .click();
 
   await page
     .locator('app-aoi-filter')
@@ -48,10 +40,6 @@ test('Import a KML file', async ({ page }) => {
 test('Import a .shp shape file', async ({ page }) => {
   await page.goto('/');
   await page.locator('app-aoi-filter').getByText('arrow_drop_down').click();
-  await page
-    .locator('app-aoi-filter')
-    .getByRole('button', { name: 'Import File' })
-    .click();
 
   await page
     .locator('app-aoi-filter')
@@ -70,10 +58,6 @@ test('Import a .shp shape file', async ({ page }) => {
 test('Import a .zip shape file', async ({ page }) => {
   await page.goto('/');
   await page.locator('app-aoi-filter').getByText('arrow_drop_down').click();
-  await page
-    .locator('app-aoi-filter')
-    .getByRole('button', { name: 'Import File' })
-    .click();
 
   await page
     .locator('app-aoi-filter')
@@ -92,10 +76,6 @@ test('Import a .zip shape file', async ({ page }) => {
 test('Import multiple geojson files sequentially', async ({ page }) => {
   await page.goto('/');
   await page.locator('app-aoi-filter').getByText('arrow_drop_down').click();
-  await page
-    .locator('app-aoi-filter')
-    .getByRole('button', { name: 'Import File' })
-    .click();
 
   await page
     .locator('app-aoi-filter')
@@ -110,11 +90,6 @@ test('Import multiple geojson files sequentially', async ({ page }) => {
     .inputValue();
   expect(firstValue).toContain('POLYGON');
 
-  await page
-    .locator('app-aoi-filter')
-    .getByRole('button', { name: 'Import File' })
-    .click();
-
   await page
     .locator('app-aoi-filter')
     .locator('input[type="file"]')
@@ -133,10 +108,6 @@ test('Import multiple geojson files sequentially', async ({ page }) => {
 test('Import rejects invalid file type', async ({ page }) => {
   await page.goto('/');
   await page.locator('app-aoi-filter').getByText('arrow_drop_down').click();
-  await page
-    .locator('app-aoi-filter')
-    .getByRole('button', { name: 'Import File' })
-    .click();
 
   await page
     .locator('app-aoi-filter')

e2e/geographic/geojson.spec.ts

@@ -3,10 +3,6 @@ import { test, expect } from '@playwright/test';
 test('Import a geojson file', async ({ page }) => {
   await page.goto('/');
   await page.locator('app-aoi-filter').getByText('arrow_drop_down').click();
-  await page
-    .locator('app-aoi-filter')
-    .getByRole('button', { name: 'Import File' })
-    .click();
 
   await page
     .locator('app-aoi-filter')