We need a real DB server for the full setup integration tests

Signed-off-by: Mike Lischke <mike@lischke-online.de>

Author: mike-lischke

.github/workflows/playwright.yml

@@ -15,6 +15,19 @@ jobs:
     container:
       image: mcr.microsoft.com/playwright:v1.59.1-noble
 
+    services:
+      mysql:
+        image: mysql:8.0
+        env:
+          MYSQL_ROOT_PASSWORD: localRoot#123
+        ports:
+          - 3306:3306
+        options: >-
+          --health-cmd "mysqladmin ping -h 127.0.0.1 -u root --password=localRoot#123"
+          --health-interval 10s
+          --health-timeout 5s
+          --health-retries 15
+
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4
@@ -32,6 +45,11 @@ jobs:
         run: npm run build
 
       - name: Run Playwright tests
+        env:
+          DB_HOST: mysql
+          DB_USER: root
+          DB_PASSWORD: localRoot#123
+          DB_PORT: "3306"
         run: npm run test:e2e
 
       - name: Upload Playwright report

readme.md

@@ -159,4 +159,4 @@ This opens the app at `http://localhost:5173` and updates automatically as you e
 The project is written in **TypeScript** with **Preact** for the UI, **SCSS** and **Tailwind** for styling, and **DaisyUI** for components. The backend is a plain Node.js HTTP server with MySQL/MariaDB/PostgreSQL adapters.
 
 ### VS Code ###
-This project ist developed in VS Code and already has a launch configuration you can use to start a debugging session.
+This project ist developed in VS Code and already has a launch configuration you can use to start a debugging session.

tests/e2e/setup-real-db.spec.ts

@@ -12,10 +12,10 @@ import { existsSync, mkdirSync } from "node:fs";
 import { resolve } from "node:path";
 
 const testDbName = "animada_e2e_setup_test";
-const dbUser = "root";
-const dbPassword = "localRoot#123";
-const dbHost = "127.0.0.1";
-const dbPort = 3306;
+const dbUser = process.env.DB_USER ?? "root";
+const dbPassword = process.env.DB_PASSWORD ?? "localRoot#123";
+const dbHost = process.env.DB_HOST ?? "127.0.0.1";
+const dbPort = process.env.DB_PORT ? Number(process.env.DB_PORT) : 3306;
 
 // Use a different port to avoid conflicts with the dev server on 3100.
 const testBackendPort = 3199;