Add a Playwright e2e test #8

	name: Playwright Tests

	on:
	push:
	branches: [main]
	pull_request:
	branches: [main]

	jobs:
	test:
	timeout-minutes: 5
	runs-on: ubuntu-latest

	steps:
	- name: Install dependencies
	run: \|
	sudo apt-get update
	sudo apt-get install -y libwoff1

	- uses: actions/checkout@v4

	- uses: actions/setup-node@v4
	with:
	node-version: 18

	# Cache Playwright browsers
	- name: Cache Playwright browsers
	id: cache-playwright
	uses: actions/cache@v4
	with:
	path: ~/.cache/ms-playwright # The default Playwright cache path
	key: ${{ runner.os }}-playwright-${{ hashFiles('package-lock.json') }} # Cache key based on OS and package-lock.json
	restore-keys: \|
	${{ runner.os }}-playwright-

	- name: Install dependencies
	run: npm ci

	- name: Install Playwright dependencies
	run: npx playwright install-deps

	- name: Install Playwright and browsers unless cached
	run: npx playwright install --with-deps
	if: steps.cache-playwright.outputs.cache-hit != 'true'

	- name: Start Server
	run: npm run start &

	- name: Wait for server to start
	run: npx wait-on http://localhost:6274

	- name: Run Playwright tests
	run: npm run test:e2e

	- name: Upload Playwright Report and Screenshots
	uses: actions/upload-artifact@v4
	if: always()
	with:
	name: playwright-report
	path: \|
	playwright-report/
	test-results/
	retention-days: 30

Provide feedback