workflow for testing deployment

.github/workflows/run-app-end-to-end-deployed.yml

@@ -0,0 +1,21 @@
+name: Playwright Tests Deployment
+on:
+  deployment_status:
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    if: github.event.deployment_status.state == 'success'
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+      - name: Install dependencies
+        run: npm ci
+      - name: Install Playwright
+        run: npx playwright install --with-deps
+      - name: Run Playwright tests
+        run: npx playwright test
+        env:
+          PLAYWRIGHT_TEST_BASE_URL: ${{ github.event.deployment_status.target_url }}

app/tests/app.spec.ts

@@ -1,13 +1,15 @@
 import { test, expect } from '@playwright/test';
 
+const BASE_URL = process.env.PLAYWRIGHT_TEST_BASE_URL || 'http://localhost:5173/';
+
 test('test page load', async ({ page }) => {
-	await page.goto('http://localhost:5173/');
+	await page.goto(BASE_URL);
 	await expect(page.getByRole('heading', { name: '🐜 Minimise for Python Tutor' })).toBeVisible();
 	await expect(page.getByText('/5600')).toBeVisible();
 });
 
 test('test minimise', async ({ page }) => {
-	await page.goto('http://localhost:5173/');
+	await page.goto(BASE_URL);
 	await page.getByPlaceholder('Your python code...').click();
 	await page
 		.getByPlaceholder('Your python code...')
@@ -28,7 +30,7 @@ test('test minimise', async ({ page }) => {
 });
 
 test('test minimise tiny', async ({ page }) => {
-	await page.goto('http://localhost:5173/');
+	await page.goto(BASE_URL);
 	await page.getByPlaceholder('Your python code...').click();
 	await page
 		.getByPlaceholder('Your python code...')