chore(#319): runs E2E tests in CI (#361)

Fixes e2e about styles
Removes unclear e2e vue test
Runs e2e in CI

Author: latin-panda

.github/workflows/ci.yml

@@ -456,6 +456,9 @@ jobs:
       - if: ${{ matrix.target == 'Web' && matrix.browser != 'webkit' }}
         run: 'yarn workspace @getodk/web-forms test-browser:${{ matrix.browser }}'
 
+      - if: ${{ matrix.target == 'Web' }}
+        run: 'yarn workspace @getodk/web-forms test:e2e:${{ matrix.browser }}'
+
       - if: ${{ matrix.node-version == '22.12.0' && matrix.target == 'Node' }}
         uses: actions/upload-artifact@v4
         with:

packages/web-forms/e2e/build/style.test.ts

@@ -4,7 +4,7 @@ test('Build includes component-defined styles', async ({ page }) => {
 	await page.goto('http://localhost:5174/');
 
 	// This ensures that the application is loaded before proceeding forward.
-	await expect(page.getByText('Demo Forms').first()).toBeVisible();
+	await expect(page.getByText('ODK Web Forms Preview').first()).toBeVisible();
 
 	// Get the (Sass-defined) large breakpoint size
 	// [In theory, if we can get this and it's not a number, we've already validated styles. Below expands on that to leave some breadcrumbs]

packages/web-forms/e2e/vue.test.ts

@@ -35,6 +35,9 @@
     "dist-demo": "yarn build && yarn vite serve dist-demo --port 5174",
     "test": "npm-run-all -nl test:*",
     "test:e2e": "playwright test",
+    "test:e2e:chromium": "playwright test --project=chromium",
+    "test:e2e:firefox": "playwright test --project=firefox",
+    "test:e2e:webkit": "playwright test --project=webkit",
     "test-node:jsdom": "vitest run",
     "test-browser:chromium": "BROWSER_NAME=chromium vitest run",
     "test-browser:firefox": "BROWSER_NAME=firefox vitest run",