Run E2E app in CI

Kocal · Kocal · commit e73ef115e1d2 · 2025-08-19T08:07:40.000+02:00
diff --git a/.github/workflows/browser-tests.yml b/.github/workflows/browser-tests.yml
@@ -20,11 +20,22 @@ on:
             - '.github/workflows/app-tests.yaml'
             - '.github/workflows/unit-tests.yaml'
 
+concurrency:
+    group: ${{ github.workflow }}-${{ github.head_ref || github.run_id }}
+    cancel-in-progress: true
+
 jobs:
-    js:
+    test:
         runs-on: ubuntu-latest
+        strategy:
+            fail-fast: false
+            matrix:
+                symfony: ['6.4.*', '7.3.*']
+        env:
+            SYMFONY_REQUIRE: '${{ matrix.symfony }}'
         steps:
             -   uses: actions/checkout@v4
+
             -   run: npm i -g corepack && corepack enable
             -   uses: actions/setup-node@v4
                 with:
@@ -33,21 +44,68 @@ jobs:
                     cache-dependency-path: |
                         pnpm-lock.yaml
                         package.json
-                        src/**/package.json
-            -   run: pnpm install --frozen-lockfile
 
-            -   name: Install custom browsers
-                run: node ./bin/get_browsers.mjs
+            - name: Install root JS dependencies
+              run: pnpm install --frozen-lockfile
+
+            - name: Install custom browsers
+              run: node ./bin/get_browsers.mjs
+
+            - name: Install browsers with Playwright
+              run: pnpm exec playwright install firefox ffmpeg
+
+            - uses: shivammathur/setup-php@v2
+              with:
+                  php-version: 8.2
+                  tools: symfony-cli, flex
+
+            - name: Install root PHP dependencies
+              uses: ramsey/composer-install@v3
+              with:
+                  working-directory: ${{ github.workspace }}
+
+            - name: Build root packages
+              run: php .github/build-packages.php
 
-            -   name: Install browsers with Playwright
-                run: pnpm exec playwright install firefox ffmpeg
+            - name: Start Docker containers
+              run: docker compose up -d --build
+              working-directory: test_apps/e2e-app
 
-            # TODO: Install the E2E app + run webserver
-            -   run: pnpm run test:browser
+            - name: Configure E2E app
+              run: |
+                  echo 'APP_ENV=test' >> .env.local
+                  echo 'APP_DEBUG=0' >> .env.local
+              working-directory: test_apps/e2e-app
+
+            - name: Install E2E PHP dependencies
+              uses: ramsey/composer-install@v3
+              with:
+                  working-directory: test_apps/e2e-app
+
+            - name: Prepare E2E app
+              run: |
+                  symfony composer dump-env
+                  symfony console cache:warmup
+              working-directory: test_apps/e2e-app
+
+            - name: Start E2E app
+              run: symfony serve
+              working-directory: test_apps/e2e-app
+
+            - name: Run browser tests
+              run: pnpm run test:browser
+              id: browser-tests
 
             - uses: actions/upload-artifact@v4
-              if: ${{ !cancelled() }}
+              if: ${{ browser-tests.outcome == 'failure' }}
               with:
-                  name: playwright-report
+                  name: Playwright report
                   path: .playwright-report/
                   retention-days: 7
+
+            - uses: actions/upload-artifact@v4
+              if: ${{ browser-tests.outcome == 'failure' }}
+              with:
+                  name: Symfony logs
+                  path: test_apps/e2e-app/var/log/
+                  retention-days: 7
diff --git a/.github/workflows/code-quality.yaml b/.github/workflows/code-quality.yaml
@@ -24,12 +24,16 @@ jobs:
         runs-on: ubuntu-latest
         steps:
             - uses: actions/checkout@v4
+
             - run: npm i -g corepack && corepack enable
             - uses: actions/setup-node@v4
               with:
                 node-version-file: '.nvmrc'
                 cache: 'pnpm'
-            - run: pnpm install --frozen-lockfile
+
+            - name: Install root JS dependencies
+              run: pnpm install --frozen-lockfile
+
             - run: pnpm run ci
 
     phpstan:
diff --git a/.github/workflows/dist-files-unbuilt.yaml b/.github/workflows/dist-files-unbuilt.yaml
@@ -21,6 +21,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
+
       - run: npm i -g corepack && corepack enable
       - uses: actions/setup-node@v4
         with:
@@ -29,7 +30,12 @@ jobs:
           cache-dependency-path: |
             pnpm-lock.yaml
             **/package.json
-      - run: pnpm install --frozen-lockfile && pnpm run build
+
+      - name: Install root JS dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build
+        run: pnpm run build
 
       - name: Check if JS dist files are current
         run: |
diff --git a/.github/workflows/release-on-npm.yaml b/.github/workflows/release-on-npm.yaml
@@ -30,7 +30,8 @@ jobs:
                 pnpm-lock.yaml
                 package.json
                 src/**/package.json
-          - run: pnpm install --frozen-lockfile
+          - name: Install root JS dependencies
+            run: pnpm install --frozen-lockfile
 
           - name: Update version of JS packages
             run: pnpm version ${{ env.VERSION }} --no-git-tag-version --workspaces --no-workspaces-update
diff --git a/.github/workflows/unit-tests.yaml b/.github/workflows/unit-tests.yaml
@@ -145,6 +145,7 @@ jobs:
         runs-on: ubuntu-latest
         steps:
             - uses: actions/checkout@v4
+
             - run: npm i -g corepack && corepack enable
             - uses: actions/setup-node@v4
               with:
@@ -154,5 +155,8 @@ jobs:
                   pnpm-lock.yaml
                   package.json
                   src/**/package.json
-            - run: pnpm install --frozen-lockfile
+
+            - name: Install root JS dependencies
+              run: pnpm install --frozen-lockfile
+
             - run: pnpm run test:unit
diff --git a/bin/test_package.sh b/bin/test_package.sh
@@ -101,14 +101,15 @@ processWorkspace() {
                     # Install each version of the library separately
                     echo -e "  - Install $library@$trimmed_version for $workspace\n"
                     pnpm add "$library@$trimmed_version" --save-peer --filter "$workspace"
+                    pnpm run --filter "$workspace" build
 
                     runTestSuite
                 fi
             done
         done
 
-        echo " -> Reverting version changes from $package_json_path"
-        git checkout -- "$package_json_path" "$PROJECT_DIR/pnpm-lock.yaml"
+        echo " -> Reverting changes"
+        git checkout -- "$package_json_path" "$location/dist" "$PROJECT_DIR/pnpm-lock.yaml"
     else
         echo -e " -> No peerDependencies found with multiple versions defined\n"
         runTestSuite
diff --git a/playwright.config.ts b/playwright.config.ts
@@ -27,13 +27,6 @@ export default defineConfig({
         trace: 'retain-on-failure'
     },
 
-    //webServer: {
-    //    command: 'cd test_apps/e2e-app && symfony serve',
-    //    url: 'http://localhost:9876',
-    //    reuseExistingServer: !process.env.CI,
-    //    stderr: 'pipe',
-    //},
-
     projects: [
         {
             name: 'chrome-lowest',
diff --git a/test_apps/e2e-app/README.md b/test_apps/e2e-app/README.md
@@ -8,7 +8,7 @@ to ensure they work as expected for multiple Symfony versions and various browse
 ## Requirements
 
 - Symfony CLI
-- PHP 8.1 or higher
+- PHP 8.2 or higher
 - Docker and Docker Compose
 - Composer
 
