Create first e2e tests for cert creation

.github/workflows/node.js.yml

@@ -5,9 +5,9 @@ name: Tests, style checks, and type checks
 
 on:
   push:
-    branches: ['main', 'beta', 'development', 'test-system']
+    branches: '**'
   pull_request:
-    branches: ['main', 'beta', 'development', 'test-system']
+    branches: '**'
 
 jobs:
   test-unit:

playwright.config.ts

@@ -25,8 +25,8 @@ const config: PlaywrightTestConfig = {
   fullyParallel: true,
   /* Fail the build on CI if you accidentally left test.only in the source code. */
   forbidOnly: !!process.env.CI,
-  /* Retry on CI only */
-  retries: process.env.CI ? 2 : 0,
+  /* Retry on both CI and local dev */
+  retries: 2,
   /* Opt out of parallel tests on CI. */
   workers: process.env.CI ? 1 : undefined,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */

tests/e2e/create-cert.test.ts

@@ -0,0 +1,70 @@
+import { type Page, expect, test } from '@playwright/test'
+
+const proofText = 'https://forum.effectivealtruism.org'
+const counterfactualText = 'I would be sitting around doing nothing.'
+const descriptionText = 'Just a random description.'
+
+test.beforeEach(async ({ page }) => {
+  await page.goto('http://localhost:3000/')
+  await page.click('text=Log in')
+  await page.click('text=Sign in with Mock Login')
+})
+
+test.describe('Create Certificate', () => {
+  test('should allow creating new certificate', async ({ page }) => {
+    const titleText = 'My test project 0001'
+
+    await page.click('text=New project')
+    await fillInDefaultValues(page, titleText)
+    await page.locator('button:has-text("Submit")').click()
+
+    // Check we've landed on the cert page.
+    await expect(page).toHaveTitle(new RegExp('.*' + titleText + '.*'))
+  })
+
+  test('should fill in all certificate values', async ({ page }) => {
+    const titleText = 'My test project 0002'
+
+    await page.click('text=New project')
+    await fillInDefaultValues(page, titleText)
+    await page.locator('button:has-text("Submit")').click()
+
+    // Check we've landed on the cert page.
+    await expect(page).toHaveTitle(new RegExp('.*' + titleText + '.*'))
+
+    // Verify certificate values.
+    await expect(page.getByRole('heading', { level: 1 })).toContainText(
+      titleText
+    )
+    await expect(page.locator('text=Proof of ownership')).toHaveAttribute(
+      'href',
+      proofText
+    )
+    await page.locator('text=' + descriptionText).click() // Just clicking to verify it's there.
+  })
+})
+
+async function fillInDefaultValues(page: Page, titleText: string) {
+  await page.getByRole('textbox', { name: 'title' }).fill(titleText)
+  await page.getByRole('textbox', { name: 'proof' }).fill(proofText)
+
+  // TODO: start + end dates
+  //await page.getByRole('textbox', { name: 'actionStart' }).fill(actionStartText)
+  //await page.getByRole('textbox', { name: 'actionEnd' }).fill(actionEndText)
+
+  await page
+    .getByRole('textbox', { name: 'counterfactual' })
+    .fill(counterfactualText)
+
+  // TODO: Tags
+  //await page.selectOption('#tags', [{label: tagLabel}])
+
+  await page.locator(':nth-match(textarea, 1)').fill(descriptionText)
+
+  // TODO: Advanced options
+
+  await page.click('text=I will never sell these rights more than once')
+  await page.click(
+    'text=I am happy for this record to be publicly accessible forever'
+  )
+}