name: test:e2e on: push jobs: cypress-e2e-tests: name: Run E2E Tests runs-on: ubuntu-latest steps: - name: Checkout code uses: actions/checkout@ff7abcd0c3c05ccf6adc123a8cd1fd4fb30fb493 # v5.0.0 - name: Set up Node.js uses: actions/setup-node@89d709d423dc495668cd762a18dd4a070611be3f # v5.0.0 with: node-version-file: ./.tool-versions cache: 'npm' cache-dependency-path: './cypress/package-lock.json' - name: Build Library run: | npm install npm run build working-directory: ./lib - name: Build Frontend run: | cp .env.dist .env sed -i '/VITE_DIRECTUS_ADMIN_ROLE=/c\VITE_DIRECTUS_ADMIN_ROLE=8141dee8-8e10-48d0-baf1-680aea271298' .env npm ci npm run build working-directory: ./app - name: Clean Database State run: | # Remove any existing database data to ensure fresh state sudo rm -rf ./data/database mkdir -p ./data/uploads sudo chmod 777 -R ./data - name: Build and start all Containers run: docker compose up -d - name: Wait for Directus to be Ready run: | echo "Waiting for Directus API to be ready..." timeout 120 bash -c 'until curl -f http://localhost:8055/server/health; do echo "Waiting for Directus..."; sleep 5; done' echo "Directus is ready!" - name: Seed Backend run: | mkdir -p ./data/uploads sudo chmod 777 -R ./data cd backend && ./seed.sh working-directory: ./ - name: Wait for Application to be Ready run: | echo "Waiting for application to be ready..." timeout 300 bash -c 'until curl -f http://localhost:8080/login; do sleep 5; done' echo "Application is ready!" - name: Health Check run: | echo "Frontend health check:" curl -f http://localhost:8080/login || exit 1 echo "Backend health check:" curl -f http://localhost:8055/server/health || exit 1 - name: Install Cypress Dependencies run: npm ci working-directory: ./cypress - name: Run E2E Tests run: npm run test:split:auto working-directory: ./cypress env: # Disable individual cypress-split summaries to avoid conflicts SPLIT_SUMMARY: false upload-artifacts: name: Upload Test Artifacts runs-on: ubuntu-latest needs: cypress-e2e-tests if: failure() steps: - name: Checkout code uses: actions/checkout@ff7abcd0c3c05ccf6adc123a8cd1fd4fb30fb493 # v5.0.0 - name: Set up Node.js uses: actions/setup-node@89d709d423dc495668cd762a18dd4a070611be3f # v5.0.0 with: node-version-file: '.tool-versions' cache: 'npm' cache-dependency-path: | app/package-lock.json lib/package-lock.json cypress/package-lock.json - name: Build Library run: | npm ci npm run build working-directory: ./lib - name: Build Frontend run: | cp .env.dist .env sed -i '/VITE_DIRECTUS_ADMIN_ROLE=/c\VITE_DIRECTUS_ADMIN_ROLE=8141dee8-8e10-48d0-baf1-680aea271298' .env npm ci npm run build working-directory: ./app - name: Clean Database State run: sudo rm -rf ./data/database - name: Build and Start All Containers run: docker compose up -d - name: Wait for Directus to be Ready run: | echo "Waiting for Directus API to be ready..." timeout 120 bash -c 'until curl -f http://localhost:8055/server/health; do echo "Waiting for Directus..."; sleep 5; done' echo "Directus is ready!" - name: Seed Backend run: | mkdir -p ./data/uploads chmod 755 ./data/uploads cd backend && ./seed.sh - name: Wait for Application to be Ready run: | echo "Waiting for frontend application to be ready..." timeout 300 bash -c 'until curl -f http://localhost:8080; do echo "Waiting for application..."; sleep 10; done' echo "Application is ready!" - name: Health Check run: | echo "Frontend health check:" curl -f http://localhost:8080/login || exit 1 echo "Backend health check:" curl -f http://localhost:8055/server/health || exit 1 - name: Install Cypress Dependencies run: npm ci working-directory: ./cypress - name: Run E2E Tests for Artifacts continue-on-error: true run: npm run test:split:auto working-directory: ./cypress env: SPLIT_SUMMARY: false - name: Merge Test Reports run: | if [ -d "reports/json" ] && [ "$(ls -A reports/json)" ]; then npm run report:merge else echo "No test reports to merge" fi working-directory: ./cypress - name: Generate HTML Report run: | if [ -f "reports/json/merged-report.json" ]; then npm run report:generate else echo "No merged report to generate HTML from" fi working-directory: ./cypress - name: Upload Test Artifacts uses: actions/upload-artifact@65462800fd760344b1a7b4382951275a0abb4808 # v4.3.3 with: name: e2e-test-failures-${{ github.run_id }}-${{ github.run_attempt }} path: | cypress/reports/screenshots cypress/reports/html retention-days: 30 if-no-files-found: warn - name: Create Failure Summary run: | echo "# 🚨 E2E Test Failure Report" >> $GITHUB_STEP_SUMMARY echo "" >> $GITHUB_STEP_SUMMARY echo "The E2E tests failed. Artifacts have been uploaded for analysis." >> $GITHUB_STEP_SUMMARY echo "" >> $GITHUB_STEP_SUMMARY echo "## 📦 Available Artifacts" >> $GITHUB_STEP_SUMMARY echo "- Screenshots of failed tests" >> $GITHUB_STEP_SUMMARY echo "- HTML test report with detailed results" >> $GITHUB_STEP_SUMMARY echo "" >> $GITHUB_STEP_SUMMARY echo "Download the artifacts from this workflow run to investigate the failures." >> $GITHUB_STEP_SUMMARY