Run Playwright smoke with devcontainer Chromium

Author: gildesmarais

.devcontainer/Dockerfile

@@ -5,14 +5,18 @@ SHELL ["/bin/sh", "-o", "pipefail", "-c"]
 RUN apk add --no-cache \
     bash \
     build-base \
+    chromium \
     curl \
     git \
+    harfbuzz \
     libxml2-dev \
     libxslt-dev \
     nodejs \
+    nss \
     npm \
     openssl-dev \
     python3 \
+    ttf-freefont \
     yaml-dev \
     tzdata
 

frontend/e2e/smoke.spec.ts

@@ -26,27 +26,6 @@ test.describe('frontend smoke', () => {
       });
     });
 
-    await page.route(/\/api\/v1\/strategies$/, async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify({
-          success: true,
-          data: {
-            strategies: [
-              { id: 'faraday', name: 'faraday', display_name: 'Default' },
-              {
-                id: 'browserless',
-                name: 'browserless',
-                display_name: 'JavaScript pages (recommended)',
-              },
-            ],
-          },
-          meta: { total: 2 },
-        }),
-      });
-    });
-
     await page.goto('/');
 
     await expect(page.getByLabel('Page URL')).toBeVisible();
@@ -61,9 +40,6 @@ test.describe('frontend smoke', () => {
     await expect(page.getByRole('button', { name: 'Back' })).toBeVisible();
 
     await page.getByRole('button', { name: 'Back' }).click();
-    await expect(page.getByRole('button', { name: 'Generate feed URL' })).toBeVisible();
-
-    await page.goBack();
     await expect(page).toHaveURL(/\/create(?:\?.*)?$/);
     await expect(page.getByRole('button', { name: 'Generate feed URL' })).toBeVisible();
     await expect(page.locator('.form-shell')).toHaveAttribute('data-state', 'idle');
@@ -94,27 +70,6 @@ test.describe('frontend smoke', () => {
       });
     });
 
-    await page.route(/\/api\/v1\/strategies$/, async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify({
-          success: true,
-          data: {
-            strategies: [
-              { id: 'faraday', name: 'faraday', display_name: 'Default' },
-              {
-                id: 'browserless',
-                name: 'browserless',
-                display_name: 'JavaScript pages (recommended)',
-              },
-            ],
-          },
-          meta: { total: 2 },
-        }),
-      });
-    });
-
     await page.addInitScript(() => {
       localStorage.setItem(
         'html2rss_feed_result_snapshot:generated-token',
@@ -125,7 +80,6 @@ test.describe('frontend smoke', () => {
               id: 'feed-123',
               name: 'Example Feed',
               url: 'https://example.com/articles',
-              strategy: 'faraday',
               feed_token: 'generated-token',
               public_url: '/api/v1/feeds/generated-token',
               json_public_url: '/api/v1/feeds/generated-token.json',

frontend/playwright.config.ts

@@ -1,6 +1,18 @@
+import { existsSync } from 'node:fs';
 import { defineConfig, devices } from '@playwright/test';
 
-const chromiumExecutablePath = process.env.PLAYWRIGHT_CHROMIUM_EXECUTABLE_PATH;
+const chromiumExecutablePath =
+  process.env.PLAYWRIGHT_CHROMIUM_EXECUTABLE_PATH || resolveChromiumExecutablePath();
+
+function resolveChromiumExecutablePath(): string | undefined {
+  const candidates = [
+    '/usr/bin/chromium-browser',
+    '/usr/bin/chromium',
+    '/home/vscode/.cache/ms-playwright/chromium-1217/chrome-linux/chrome',
+  ];
+
+  return candidates.find((candidate) => existsSync(candidate));
+}
 
 export default defineConfig({
   testDir: './e2e',