Run Playwright against next start on CI

Author: hasparus

.github/workflows/check.yml

@@ -63,6 +63,9 @@ jobs:
       - name: Install Playwright Browsers
         run: ./node_modules/.bin/playwright install --with-deps
 
+      - name: Build the website
+        run: pnpm build
+
       - name: Run end-to-end tests
         run: ./node_modules/.bin/playwright test
 
@@ -72,3 +75,6 @@ jobs:
           name: playwright-report
           path: playwright-report/
           retention-days: 30
+
+      - uses: valeriangalliat/action-sshd-cloudflared@v1
+        if: failure()

playwright.config.ts

@@ -35,7 +35,7 @@ export default defineConfig({
   ],
 
   webServer: {
-    command: "pnpm dev",
+    command: process.env.CI ? "pnpm start" : "pnpm dev",
     url: "http://localhost:3000",
     reuseExistingServer: !process.env.CI,
   },

test/e2e/community-events.spec.ts

@@ -210,17 +210,29 @@ test("event type filters hide cards and lock the last active tag", async ({
   type ActiveFilter = FilterDefinition & { badges: Locator }
 
   const activeFilters: ActiveFilter[] = []
+  const toggleableFilters: ActiveFilter[] = []
 
   for (const definition of filterDefinitions) {
     const badgeLocator = tagBadge(definition.badgeText)
     if ((await definition.filter.count()) === 0) continue
-    activeFilters.push({ ...definition, badges: badgeLocator })
+    const filterDefinition = { ...definition, badges: badgeLocator }
+    activeFilters.push(filterDefinition)
+    if (await definition.filter.isEnabled()) {
+      toggleableFilters.push(filterDefinition)
+    }
   }
 
   expect(activeFilters.length).toBeGreaterThan(0)
 
   for (const activeFilter of activeFilters) {
     await expect(activeFilter.badges.first()).toBeVisible()
+  }
+
+  if (toggleableFilters.length === 0) {
+    return
+  }
+
+  for (const activeFilter of toggleableFilters) {
     await activeFilter.chip.click()
     await expect(activeFilter.filter).not.toBeChecked()
     await expect(activeFilter.badges).toHaveCount(0)
@@ -229,11 +241,11 @@ test("event type filters hide cards and lock the last active tag", async ({
     await expect(activeFilter.badges.first()).toBeVisible()
   }
 
-  if (activeFilters.length < 2) {
+  if (toggleableFilters.length < 2) {
     return
   }
 
-  const [lockedFilter, ...filtersToToggle] = activeFilters
+  const [lockedFilter, ...filtersToToggle] = toggleableFilters
 
   for (const filter of filtersToToggle) {
     await filter.chip.click()