fix: make backend wait on server start, change workflows to execute e2e tests

Author: maximka76667

.github/workflows/e2e-tests.yaml

@@ -0,0 +1,64 @@
+name: E2E Tests
+
+on:
+  pull_request:
+    branches:
+      - main
+      - develop
+      - production
+      - "frontend/**"
+      - "testing-view/**"
+      - "e2e/**"
+    paths:
+      - "frontend/testing-view/**"
+      - "electron-app/**"
+      - "e2e/**"
+      - "pnpm-lock.yaml"
+      - ".github/workflows/e2e-tests.yaml"
+
+jobs:
+  e2e:
+    name: Playwright E2E Tests
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-go@v5
+        with:
+          go-version: "1.23"
+
+      - name: Install Linux build dependencies
+        run: sudo apt-get update && sudo apt-get install -y gcc
+
+      - name: Build backend binary
+        working-directory: backend/cmd
+        run: go build -o ../../electron-app/binaries/backend-linux-amd64 .
+        env:
+          CGO_ENABLED: 1
+
+      - uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "pnpm"
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Install Playwright dependencies
+        run: pnpm --filter e2e exec playwright install --with-deps chromium
+
+      - name: Build testing-view (e2e mode)
+        run: pnpm --filter testing-view build:e2e
+
+      - name: Run UI tests
+        run: pnpm --filter e2e exec playwright test tests/ui
+
+      - name: Upload test report
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-report
+          path: e2e/playwright-report/
+          retention-days: 7

.github/workflows/frontend-tests.yaml

@@ -14,16 +14,6 @@ on:
       - "pnpm-lock.yaml"
       - ".github/workflows/frontend-tests.yaml"
 
-  push:
-    branches:
-      - "frontend/**"
-      - "testing-view/**"
-      - "competition-view/**"
-    paths:
-      - "frontend/**"
-      - "pnpm-lock.yaml"
-      - ".github/workflows/frontend-tests.yaml"
-
 jobs:
   test:
     name: Run Frontend Tests

electron-app/src/processes/backend.js

@@ -75,13 +75,26 @@ async function startBackend(logWindow = null) {
 
     // Log stdout output from backend
     backendProcess.stdout.on("data", (data) => {
-      logger.backend.info(`${data.toString().trim()}`);
+      const text = data.toString().trim();
+      logger.backend.info(text);
 
       // Send log message to log window
       if (currentLogWindow && !currentLogWindow.isDestroyed()) {
-        const htmlData = convert.toHtml(data.toString().trim());
+        const htmlData = convert.toHtml(text);
         currentLogWindow.webContents.send("log", htmlData);
       }
+
+      // Resolve as soon as the TCP server confirms it is listening.
+      // Matches: "..\pkg\transport\network\tcp\server.go:51 > listening"
+      if (
+        text.includes("tcp") &&
+        text.includes("server.go") &&
+        text.includes("listening")
+      ) {
+        logger.backend.info("Backend ready (TCP server listening)");
+        clearTimeout(startupTimer);
+        resolve(backendProcess);
+      }
     });
 
     // Capture stderr output (where Go errors/panics are written)
@@ -130,10 +143,13 @@ async function startBackend(logWindow = null) {
       backendProcess = null;
     });
 
-    // If the backend didn't fail in this period of time, resolve the promise
+    // Fallback: if the ready message never appears, resolve anyway after timeout
     const startupTimer = setTimeout(() => {
+      logger.backend.warning(
+        "Backend ready signal not received - resolving after timeout",
+      );
       resolve(backendProcess);
-    }, 3000);
+    }, 5000);
   });
 }