chore: Add e2e test for errors on Neuroglancer site (#1027)

#1025

Had to add some startup flags to chromium so that WebGL is enabled (and
the Neuroglancer site actually loads).

Tried with firefox and webkit as well and both worked without any extra
flags.

frontend/packages/data-portal/e2e/pageObjects/neuroglancerPage.ts

@@ -0,0 +1,14 @@
+import { Locator } from '@playwright/test'
+
+import { BasePage } from './basePage'
+
+/** neuroglancer-demo.appspot.com */
+export class NeuroglancerPage extends BasePage {
+  findViewer(): Locator {
+    return this.page.locator('.neuroglancer-viewer')
+  }
+
+  findErrorText(): Locator {
+    return this.page.getByText('Error')
+  }
+}

frontend/packages/data-portal/e2e/pageObjects/singleRunPage.ts

@@ -0,0 +1,15 @@
+import { Locator } from '@playwright/test'
+import { SINGLE_RUN_URL } from 'e2e/constants'
+
+import { BasePage } from './basePage'
+
+/** /runs/$id */
+export class SingleRunPage extends BasePage {
+  async goToPage() {
+    await this.goTo(SINGLE_RUN_URL)
+  }
+
+  getPrimaryViewTomogramButton(): Locator {
+    return this.page.locator('a:has-text("View Tomogram")')
+  }
+}

frontend/packages/data-portal/e2e/singleRun.test.ts

@@ -0,0 +1,36 @@
+import { expect, test } from '@playwright/test'
+
+import { NeuroglancerPage } from './pageObjects/neuroglancerPage'
+import { SingleRunPage } from './pageObjects/singleRunPage'
+
+test.describe('Single run page: ', () => {
+  let page: SingleRunPage
+  let neuroglancerPage: NeuroglancerPage
+  test.beforeEach(async ({ page: playwrightPage }) => {
+    page = new SingleRunPage(playwrightPage)
+    neuroglancerPage = new NeuroglancerPage(playwrightPage)
+    await page.goToPage()
+  })
+
+  /** This test ensures that the test after it is not a false negative. */
+  test('Invalid Neuroglancer URL results in error on Neuroglancer page', async () => {
+    await page.goTo(
+      (await page.getPrimaryViewTomogramButton().getAttribute('href'))!.replace(
+        '#!',
+        "#!'",
+      ),
+    )
+
+    await expect(neuroglancerPage.findViewer()).toBeVisible()
+    await expect(neuroglancerPage.findErrorText()).toHaveCount(1)
+  })
+
+  test('Neuroglancer URL does not result in error on Neuroglancer page', async () => {
+    await page.goTo(
+      (await page.getPrimaryViewTomogramButton().getAttribute('href'))!,
+    )
+
+    await expect(neuroglancerPage.findViewer()).toBeVisible()
+    await expect(neuroglancerPage.findErrorText()).toHaveCount(0)
+  })
+})

frontend/packages/data-portal/playwright.config.ts

@@ -38,6 +38,9 @@ export default defineConfig({
       name: 'chromium',
       use: {
         ...devices['Desktop Chrome'],
+        launchOptions: {
+          args: ['--ignore-gpu-blocklist', '--use-gl=angle'],
+        },
 
         contextOptions: {
           permissions: ['clipboard-read', 'clipboard-write'],