finding images #27
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Test | |
| on: | |
| push: | |
| branches: [ master ] | |
| pull_request: | |
| branches: [ master ] | |
| jobs: | |
| test: | |
| runs-on: ubuntu-latest | |
| strategy: | |
| matrix: | |
| node-version: [20.x] | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - name: Use Node.js ${{ matrix.node-version }} | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: ${{ matrix.node-version }} | |
| cache: 'npm' | |
| - name: Install dependencies | |
| run: | | |
| sudo apt-get update | |
| sudo apt-get install -y libgbm-dev jq | |
| npm ci | |
| - name: Run tests with coverage | |
| run: | | |
| # Run tests with coverage and capture results in JSON format | |
| npm test -- --coverage-reporters=lcov --coverage-reporters=json-summary --json --outputFile=test-results.json | |
| # Extract coverage from JSON and format for summary | |
| echo "# Test Results (Node ${{ matrix.node-version }})" >> $GITHUB_STEP_SUMMARY | |
| echo "## Coverage" >> $GITHUB_STEP_SUMMARY | |
| echo "| Type | Coverage | Details |" >> $GITHUB_STEP_SUMMARY | |
| echo "|------|----------|----------|" >> $GITHUB_STEP_SUMMARY | |
| # Use jq to parse the coverage JSON | |
| jq -r '.total | | |
| "| Statements | \(.statements.pct)% | \(.statements.covered)/\(.statements.total) |\n| Branches | \(.branches.pct)% | \(.branches.covered)/\(.branches.total) |\n| Functions | \(.functions.pct)% | \(.functions.covered)/\(.functions.total) |\n| Lines | \(.lines.pct)% | \(.lines.covered)/\(.lines.total) |"' coverage/coverage-summary.json >> $GITHUB_STEP_SUMMARY || { | |
| echo "| Coverage data not available | - | - |" >> $GITHUB_STEP_SUMMARY | |
| } | |
| # Add test results using jq | |
| echo "## Test Results" >> $GITHUB_STEP_SUMMARY | |
| echo "| Total | Passed | Failed | Skipped |" >> $GITHUB_STEP_SUMMARY | |
| echo "|-------|---------|---------|----------|" >> $GITHUB_STEP_SUMMARY | |
| jq -r '"| \(.numTotalTests) | \(.numPassedTests) | \(.numFailedTests) | \(.numPendingTests) |"' test-results.json >> $GITHUB_STEP_SUMMARY | |
| - name: Upload coverage report | |
| uses: actions/upload-artifact@v4 | |
| with: | |
| name: coverage-report | |
| path: coverage/ | |
| - name: Run visual tests | |
| run: | | |
| mkdir -p test/__image_snapshots__ | |
| CI=1 xvfb-run --auto-servernum --server-args="-screen 0 1280x800x24" npm run test:visual:ci -- --json --outputFile=visual-test-results.json | |
| # Show test results | |
| echo "## Visual Test Results" >> $GITHUB_STEP_SUMMARY | |
| echo "| Total | Passed | Failed | Skipped |" >> $GITHUB_STEP_SUMMARY | |
| echo "|-------|---------|---------|----------|" >> $GITHUB_STEP_SUMMARY | |
| jq -r '"| \(.numTotalTests) | \(.numPassedTests) | \(.numFailedTests) | \(.numPendingTests) |"' visual-test-results.json >> $GITHUB_STEP_SUMMARY | |
| # Debug - show what files exist | |
| echo "Contents of test/__image_snapshots__:" | |
| ls -la test/__image_snapshots__/ | |
| - name: Upload screenshots | |
| if: always() | |
| run: | | |
| echo "Looking for PNG files in workspace:" | |
| find $GITHUB_WORKSPACE -type f -name "*.png" -ls | |
| - name: Upload artifacts | |
| if: always() | |
| uses: actions/upload-artifact@v4 | |
| with: | |
| name: screenshots | |
| path: "**/*.png" | |
| if-no-files-found: warn |