updated pipeline

Author: Rad14nt

.github/workflows/auto-test-deploy.yml

@@ -95,4 +95,32 @@ jobs:
           push: true
           tags: docker.io/${{ secrets.DOCKERHUB_ADMIN_USERNAME }}/storybook:${{ env.TAG_NAME }}
 
-# Add tests deployed to separate image (simple node image and pasted e2e tests in there should do the trick)
+  build-and-push-e2e-runner:
+    runs-on: ubuntu-latest
+    needs: build-and-push-admin-auto-test
+
+    steps:
+      - name: Set env for dynamic tag
+        if: github.event_name == 'push' && startsWith(github.ref, 'refs/tags/')
+        run: echo "TAG_NAME=${GITHUB_REF#refs/*/}" >> $GITHUB_ENV
+
+      - name: Set env manual
+        if: github.event_name == 'workflow_dispatch'
+        run: echo "TAG_NAME=default_version" >> $GITHUB_ENV
+
+      - name: Checkout code
+        uses: actions/checkout@v4.2.2
+
+      - name: Login to DockerHub
+        uses: docker/login-action@v3.4.0
+        with:
+          username: ${{ secrets.DOCKERHUB_ADMIN_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_ADMIN_TOKEN }}
+
+      - name: Build and push E2E runner image
+        uses: docker/build-push-action@v6.17.0
+        with:
+          context: .
+          file: ./client/Dockerfile.e2e
+          push: true
+          tags: docker.io/${{ secrets.DOCKERHUB_ADMIN_USERNAME }}/seb-server-gui-e2e-runner:${{ env.TAG_NAME }}

client/Dockerfile.e2e

@@ -0,0 +1,24 @@
+# Choose a pinned version that matches your @playwright/test version as closely as possible
+FROM mcr.microsoft.com/playwright:v1.47.2-jammy
+
+WORKDIR /work
+
+# Copy only what the runner needs (keeps image smaller + build faster)
+COPY client/package.json client/package-lock.json* client/pnpm-lock.yaml* client/yarn.lock* ./client/
+COPY client/playwright.config.ts ./client/
+COPY client/tsconfig.playwright.json ./client/
+COPY client/tests/e2e ./client/tests/e2e
+
+# Install deps
+WORKDIR /work/client
+# If you use npm:
+RUN npm ci
+
+# If your project uses pnpm or yarn, swap accordingly.
+
+# Default output locations (we’ll also set these in playwright.config.ts)
+ENV PLAYWRIGHT_BROWSERS_PATH=/ms-playwright
+ENV NODE_ENV=production
+
+# Entrypoint runs the tests
+CMD ["npx", "playwright", "test"]

client/playwright.config.ts

@@ -1,19 +1,43 @@
 import { defineConfig, devices } from "@playwright/test";
 
+const isCI = !!process.env.CI;
+
+const baseURL = process.env.BASE_URL || "https://ralphina.ethz.ch";
+
+const ignoreHTTPSErrors = process.env.E2E_IGNORE_HTTPS_ERRORS === "true";
+
+// Output locations (server will set these to mounted /artifacts/...)
+const outputDir = process.env.E2E_OUTPUT_DIR || "test-results";
+const reportDir = process.env.E2E_REPORT_DIR || "playwright-report";
+
+// Reporter behavior:
+// - Locally: html report (nice), but don’t auto-open
+// - CI/server: always html (so nginx can serve it) + also print line output for logs
+const reporters = isCI
+    ? [["line"], ["html", { outputFolder: reportDir, open: "never" }]]
+    : [["html", { outputFolder: reportDir, open: "never" }]];
+
 export default defineConfig({
     testDir: "tests/e2e",
     fullyParallel: false,
-    forbidOnly: !!process.env.CI,
-    retries: process.env.CI ? 2 : 0,
-    workers: process.env.CI ? 1 : undefined,
-    reporter: process.env.CI ? "line" : "html",
+    forbidOnly: isCI,
+    retries: isCI ? 2 : 0,
+    workers: isCI ? 1 : undefined,
+
+    reporter: reporters,
+
+    // This is where screenshots/videos/traces go
+    outputDir,
+
     use: {
-        baseURL: process.env.BASE_URL || "https://ralphina.ethz.ch",
+        baseURL,
         trace: "on",
+        ignoreHTTPSErrors,
         contextOptions: {
             javaScriptEnabled: true,
         },
     },
+
     projects: [
         { name: "chromium", use: { ...devices["Desktop Chrome"] } },
         { name: "firefox", use: { ...devices["Desktop Firefox"] } },