v2.21.0

e2e/baseline/download.spec.ts

@@ -16,10 +16,20 @@ test('Add files to Download Queue', async ({ page }) => {
     .getByRole('button', { name: 'SEARCH' })
     .click();
   await page.locator('#mat-button-toggle-14-button').click();
-  await page
-    .getByRole('menuitem', { name: 'Add 41 Files to downloads' })
-    .click();
+
+  const addToDownloadsMenuItem = page.getByRole('menuitem', {
+    name: /Add \d+ Files to downloads/,
+  });
+  const menuText = (await addToDownloadsMenuItem.textContent()) ?? '';
+  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.getByText('Files, 6.94 GB')).toContainText('41');
+  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

@@ -0,0 +1,36 @@
+import { test, expect } from '@playwright/test';
+import * as fs from 'fs';
+import { parse } from 'csv-parse/sync';
+
+test('Results Menu Export CSV', async ({ page }) => {
+  await page.goto('/');
+  await page.getByRole('button', { name: 'Geographic Search' }).click();
+  await page
+    .getByRole('menuitem', { name: 'Baseline Baseline search' })
+    .click();
+  await page.getByRole('region', { name: 'Scene' }).getByLabel('Scene').click();
+  await page
+    .getByRole('region', { name: 'Scene' })
+    .getByLabel('Scene')
+    .fill(
+      'S1B_IW_SLC__1SDV_20210128T101605_20210128T101636_025353_030505_9FF1',
+    );
+
+  await page
+    .locator('#mat-button-toggle-6-button')
+    .getByRole('button', { name: 'SEARCH' })
+    .click();
+  await page.getByRole('radiogroup').filter({ hasText: 'get_app' }).click();
+  await page.getByRole('menuitem', { name: 'Metadata' }).click();
+  const downloadPromise = page.waitForEvent('download');
+  await page.getByRole('menuitem', { name: 'csv' }).click();
+  const download = await downloadPromise;
+  const path = await download.path();
+
+  const records = parse(fs.readFileSync(path), {
+    columns: true,
+    skip_empty_lines: true,
+  });
+
+  expect(records[1]).not.toBe('');
+});

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

@@ -0,0 +1,34 @@
+import { test, expect } from '@playwright/test';
+import { waitForASFAPIResponse } from 'e2e/helpers';
+
+test('Baseline: Search for a Sentinel Scene from Geo Search (SLC File)', async ({
+  page,
+}) => {
+  await page.goto('/');
+
+  await page.getByRole('button', { name: 'Filters', exact: true }).click();
+  await page
+    .getByRole('textbox', { name: 'End Date' })
+    .first()
+    .fill('1/1/2020');
+  await page.keyboard.press('Tab');
+
+  const initialSearch = waitForASFAPIResponse(page);
+  await page
+    .getByText('Cancel SEARCH arrow_drop_down')
+    .getByRole('button', { name: 'SEARCH' })
+    .click();
+  await initialSearch;
+
+  await page.locator('app-scene').first().click();
+
+  const baselineSearch = waitForASFAPIResponse(page);
+  await page.getByRole('button', { name: 'Baseline', exact: true }).click();
+  await baselineSearch;
+
+  await expect(
+    page
+      .locator('a[href="https://asf.alaska.edu/datasets/daac/sentinel-1/"]')
+      .first(),
+  ).toContainText('Sentinel-1');
+});

e2e/baseline/zoom.spec.ts

@@ -0,0 +1,45 @@
+import { test, expect } from '@playwright/test';
+
+test('Baseline zoom to results', async ({ page }) => {
+  const getMapInfoText = async () =>
+    ((await page.locator('app-map-info').textContent()) ?? '')
+      .replace(/\s+/g, ' ')
+      .trim();
+
+  await page.goto('/');
+  await page.getByRole('button', { name: 'Geographic Search' }).click();
+  await page
+    .getByRole('menuitem', { name: 'Baseline Baseline search' })
+    .click();
+  await page.getByRole('region', { name: 'Scene' }).getByLabel('Scene').click();
+  await page
+    .getByRole('region', { name: 'Scene' })
+    .getByLabel('Scene')
+    .fill(
+      'S1B_IW_SLC__1SDV_20210128T101605_20210128T101636_025353_030505_9FF1',
+    );
+  await page
+    .locator('#mat-button-toggle-6-button')
+    .getByRole('button', { name: 'SEARCH' })
+    .click();
+
+  const urlBeforeZoom = page.url();
+
+  await page
+    .getByRole('radiogroup')
+    .filter({ hasText: 'settings_overscan' })
+    .click();
+
+  await expect.poll(() => page.url(), { timeout: 10_000 }).not.toBe(urlBeforeZoom);
+
+  await page.mouse.move(800, 600);
+  await expect
+    .poll(async () => await getMapInfoText(), { timeout: 10_000 })
+    .toMatch(/lat.*lon/i);
+  const coordsBeforeMove = await getMapInfoText();
+
+  await page.mouse.move(900, 600);
+  await expect
+    .poll(async () => await getMapInfoText(), { timeout: 10_000 })
+    .not.toBe(coordsBeforeMove);
+});

e2e/sbas/custom-points.spec.ts

@@ -0,0 +1,36 @@
+import { test, expect } from '@playwright/test';
+
+test('SBAS Manually Add Point', async ({ page }) => {
+  await page.goto('/');
+  await page.getByRole('button', { name: 'Geographic Search' }).click();
+  await page
+    .getByRole('menuitem', { name: 'SBAS SBAS search provides' })
+    .click();
+  await page.getByRole('region', { name: 'Scene' }).getByLabel('Scene').click();
+  await page
+    .getByRole('region', { name: 'Scene' })
+    .getByLabel('Scene')
+    .fill(
+      'S1B_WV_SLC__1SSV_20200720T132328_20200720T135106_022555_02ACF6_F823',
+    );
+  await page
+    .getByText('Cancel SEARCH arrow_drop_down')
+    .getByRole('button', { name: 'SEARCH' })
+    .click();
+  await page
+    .getByText('add_circlestop_circleremove_circle')
+    .getByText('add_circle')
+    .click();
+  await page.waitForTimeout(500);
+  await page.locator('circle').nth(3).click();
+  await page.locator('circle:nth-child(26)').click({ force: true });
+  await page.waitForTimeout(500);
+
+  await page
+    .locator('cdk-virtual-scroll-viewport')
+    .evaluate((e) => (e.scrollTop += 10000));
+
+  await expect(page.locator('cdk-virtual-scroll-viewport')).toContainText(
+    'Jan 13 2017 to May 08',
+  );
+});

e2e/sbas/date-filters.spec.ts

@@ -0,0 +1,31 @@
+import { test, expect } from '@playwright/test';
+
+test('SBAS Start & End Date Filters', async ({ page }) => {
+  await page.goto('/');
+  await page.getByRole('button', { name: 'Geographic Search' }).click();
+  await page
+    .getByRole('menuitem', { name: 'SBAS SBAS search provides' })
+    .click();
+  await page
+    .getByRole('region', { name: 'Scene' })
+    .getByLabel('Scene')
+    .fill('S1A_IW_SLC__1SDV_20180616T210817_20180616T210845_022387_026C91_EDAA');
+  await page
+    .getByText('Cancel SEARCH arrow_drop_down')
+    .getByRole('button', { name: 'SEARCH' })
+    .click();
+
+  const sbasFiltersButton = page
+    .locator('mat-button-toggle')
+    .filter({ hasText: 'SBAS Filters' });
+  await expect(sbasFiltersButton).toBeVisible({ timeout: 20_000 });
+  await sbasFiltersButton.click();
+
+  await page.getByRole('textbox', { name: 'Start Date' }).fill('9/1/2018');
+  await page.getByRole('textbox', { name: 'End Date' }).fill('11/1/2020');
+  await page.keyboard.press('Tab');
+
+  await expect(page.locator('app-scenes-list-header')).toContainText(
+    '67 Pairs',
+  );
+});

e2e/sbas/download-all-pairs.spec.ts

@@ -0,0 +1,50 @@
+import { test, expect } from '@playwright/test';
+
+test('SBAS: Download All Pairs', async ({ page }) => {
+  await page.goto('/');
+  await page.getByRole('button', { name: 'Geographic Search' }).click();
+  await page
+    .getByRole('menuitem', { name: 'SBAS SBAS search provides' })
+    .click();
+  await page
+    .getByRole('region', { name: 'Scene' })
+    .getByLabel('Scene')
+    .fill('S1A_IW_SLC__1SDV_20200710T150225_20200710T150252_033394_03DE82_92BB');
+
+  await page
+    .getByText('Cancel SEARCH arrow_drop_down')
+    .getByRole('button', { name: 'SEARCH' })
+    .click();
+
+  const sbasFiltersButton = page
+    .locator('mat-button-toggle')
+    .filter({ hasText: 'SBAS Filters' });
+  await expect(sbasFiltersButton).toBeVisible({ timeout: 20_000 });
+
+  const scenesListHeader = page.locator('app-scenes-list-header');
+  await expect(scenesListHeader).toContainText(/\d+\s+Pairs?/i, {
+    timeout: 20_000,
+  });
+
+  const queueButton = scenesListHeader
+    .locator('.list-button-group')
+    .filter({ hasText: /QUEUE/i })
+    .locator('mat-button-toggle.control-mat-button-toggle');
+  await expect(queueButton).toBeVisible({ timeout: 20_000 });
+  await queueButton.click();
+
+  const addMenuItem = page.getByRole('menuitem', {
+    name: /Add [1-9]\d* Files to downloads/,
+  });
+  const menuText = (await addMenuItem.textContent()) ?? '';
+  const fileCount = menuText.match(/Add ([1-9]\d*)/)?.[1];
+  expect(fileCount).toBeTruthy();
+  await addMenuItem.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(
+    Number(fileCount),
+  );
+});

e2e/sbas/export.spec.ts

@@ -0,0 +1,31 @@
+import { test, expect } from '@playwright/test';
+import * as fs from 'fs';
+import { parse } from 'csv-parse/sync';
+
+test('SBAS Download Pair CSV', async ({ page }) => {
+  await page.goto('/');
+  await page.getByRole('button', { name: 'Geographic Search' }).click();
+  await page
+    .getByRole('menuitem', { name: 'SBAS SBAS search provides' })
+    .click();
+  await page
+    .getByRole('region', { name: 'Scene' })
+    .getByLabel('Scene')
+    .fill(
+      'S1B_WV_SLC__1SSV_20200720T132328_20200720T135106_022555_02ACF6_F823',
+    );
+  await page
+    .getByText('Cancel SEARCH arrow_drop_down')
+    .getByRole('button', { name: 'SEARCH' })
+    .click();
+  const downloadPromise = page.waitForEvent('download');
+  await page.getByRole('radiogroup').filter({ hasText: 'get_app' }).click();
+  const download = await downloadPromise;
+  const path = await download.path();
+  const records = parse(fs.readFileSync(path), {
+    columns: true,
+    skip_empty_lines: true,
+  });
+
+  expect(records[1]).not.toBe('');
+});

e2e/sbas/overlap-threshold.spec.ts

@@ -0,0 +1,42 @@
+import { test, expect } from '@playwright/test';
+
+test('SBAS overlap threshold filter changes the selected value', async ({
+  page,
+}) => {
+  await page.goto('/');
+  await page.getByRole('button', { name: 'Geographic Search' }).click();
+  await page
+    .getByRole('menuitem', { name: 'SBAS SBAS search provides' })
+    .click();
+  await page
+    .getByRole('region', { name: 'Scene' })
+    .getByLabel('Scene')
+    .fill('S1A_IW_SLC__1SDV_20210920T235648_20210920T235715_039772_04B42F_3C60');
+  await page
+    .getByText('Cancel SEARCH arrow_drop_down')
+    .getByRole('button', { name: 'SEARCH' })
+    .click();
+
+  await page
+    .locator('mat-button-toggle')
+    .filter({ hasText: 'SBAS Filters' })
+    .click();
+
+  await expect(page.locator('app-sbas-overlap-selector')).toContainText(
+    '50% Overlap Threshold',
+  );
+
+  const headerBefore = await page
+    .locator('app-scenes-list-header')
+    .textContent();
+
+  await page.locator('app-sbas-overlap-selector mat-select').click();
+  await page.getByRole('option', { name: 'Any Overlap Threshold' }).click();
+
+  await expect(page.locator('app-sbas-overlap-selector')).toContainText(
+    'Any Overlap Threshold',
+  );
+  await expect(page.locator('app-scenes-list-header')).not.toHaveText(
+    headerBefore ?? '',
+  );
+});

e2e/sbas/search-from-geo.spec.ts

@@ -0,0 +1,30 @@
+import { test, expect } from '@playwright/test';
+import { waitForASFAPIResponse } from 'e2e/helpers';
+
+test('SBAS: Search for a Scene from Geo Search', async ({ page }) => {
+  await page.goto('/');
+  await page.getByRole('button', { name: 'Filters', exact: true }).click();
+  await page
+    .getByRole('region', { name: 'Area of Interest Options' })
+    .getByLabel('Area of Interest • WKT')
+    .fill('POINT(-166.6953 53.8476)');
+  await page
+    .locator('div')
+    .filter({ hasText: /^File Type$/ })
+    .first()
+    .click();
+  await page.getByText('(SLC)').first().click();
+  await page.locator('.cdk-overlay-backdrop').click();
+  await page
+    .getByText('Cancel SEARCH arrow_drop_down')
+    .getByRole('button', { name: 'SEARCH' })
+    .click();
+
+  await page.locator('app-scene').first().click();
+
+  const sbasSearch = waitForASFAPIResponse(page);
+  await page.getByRole('button', { name: 'SBAS', exact: true }).click();
+  await sbasSearch;
+
+  await expect(page.locator('app-scenes-list-header')).toContainText('Pairs');
+});