4243 - E2E: local development command and config (#4244)

* 4243 - Prefix tests with number

* 4243 - Playwright: Add local testing command and config

* 4243 - Remove unnecessary comments

.gitignore

@@ -16,4 +16,11 @@ received-emails/
 .vscode
 
 #Test
-src/test/e2e/test-results
+test-results/
+
+#Playwright
+playwright-report/
+
+#DB
+db/backup
+src/test/e2e/init-db/backup

package.json

@@ -30,6 +30,7 @@
     "test": "run-s test:integration",
     "test:integration": "yarn jest --no-cache --detectOpenHandles --setupFiles dotenv/config",
     "test:e2e": "playwright test --config ./src/test/e2e/jest-playwright.config.ts",
+    "test:e2e:dev": "playwright test --config ./src/test/e2e/jest-playwright.config.local.ts --debug --headed --ui",
     "test:e2e:docker": "docker-compose -f src/test/e2e/docker-compose.test.yml up --build --exit-code-from playwright",
     "test:watch": "yarn jest --no-cache --detectOpenHandles --watchAll --setupFiles dotenv/config",
     "preversion": "git diff --quiet || { echo \"Working directory is dirty\"; exit 1; };",

src/test/e2e/jest-playwright.config.local.ts

@@ -0,0 +1,20 @@
+import { PlaywrightTestConfig } from '@playwright/test'
+
+import baseConfig from './jest-playwright.config'
+
+const config: PlaywrightTestConfig = {
+  ...baseConfig,
+  fullyParallel: true,
+  retries: 0,
+  use: {
+    ...baseConfig.use,
+    headless: false,
+    baseURL: 'http://localhost:9000',
+    launchOptions: {
+      slowMo: 100,
+    },
+    trace: 'on-first-retry',
+  },
+}
+
+export default config

src/test/e2e/tests/example.spec.ts → src/test/e2e/tests/01-example.spec.ts

@@ -1,18 +1,9 @@
 import { expect, test } from '@playwright/test'
 
-/**
- * Example of failing test
- */
-
-test.beforeAll(() => {
-  console.log('beforeall')
-})
-
 test('homepage has title and links to intro page', async ({ page }) => {
   await page.goto('/')
 
-  await expect(page).toHaveTitle(/FRA platform/) // Expect this to fail
-  // const headerTitle = await page.getByRole('heading', { level: 1, name: 'Global Forest Resources Assessment' })
+  await expect(page).toHaveTitle(/FRA platform/, { timeout: 10000 })
   const headerLogo = await page.getByRole('img', { name: 'FAO' })
   await expect(headerLogo).toBeVisible()
   const headerTitle = await page.getByText('Global Forest Resources Assessment').first()

src/test/e2e/tests/smoke.spec.ts → src/test/e2e/tests/02-smoke.spec.ts

@@ -1,9 +1,5 @@
 import { expect, test } from '@playwright/test'
 
-/**
- * Example of successful test
- */
-
 test('basic smoke test', async ({ page }) => {
   await page.goto('/')
 

src/test/e2e/tests/login.spec.ts → src/test/e2e/tests/03-login.spec.ts

@@ -1,9 +1,5 @@
 import { expect, test } from '@playwright/test'
 
-/**
- * Example of login test
- */
-
 test.describe('Login', () => {
   test('should login with test user credentials', async ({ page }) => {
     await page.goto('/assessments/fra/2025/login')