tooling/lighthouse #33
Workflow file for this run
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: Lighthouse CI | |
| on: | |
| pull_request: | |
| branches: [main] | |
| permissions: | |
| contents: read | |
| pull-requests: write | |
| jobs: | |
| lighthouse: | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Checkout code | |
| uses: actions/checkout@v3 | |
| - name: Setup Node | |
| uses: actions/setup-node@v3 | |
| with: | |
| node-version: 18 | |
| cache: 'npm' | |
| - name: Install dependencies | |
| run: npm ci | |
| - name: Build application | |
| run: npm run build | |
| - name: Install Lighthouse CI | |
| run: npm install -g @lhci/cli | |
| - name: Start HTTP Server | |
| run: npx http-server ./dist -p 4173 & | |
| shell: bash | |
| - name: Wait for HTTP Server to start | |
| run: sleep 10 | |
| - name: Create Results Directory | |
| run: mkdir -p lighthouse-results | |
| - name: Run Lighthouse CI | |
| run: lhci autorun --config=.lighthouserc.cjs | |
| continue-on-error: true | |
| - name: Collect JSON Results | |
| run: | | |
| lhci collect --config=.lighthouserc.cjs --numberOfRuns=1 | |
| lhci report --config=.lighthouserc.cjs --output=json --output-path=./lighthouse-results/results.json | |
| - name: List Output Files | |
| run: ls -la ./lighthouse-results/ | |
| - name: Extract Scores and Determine Outcome | |
| run: | | |
| if [ -f "./lighthouse-results/results.json" ]; then | |
| SCORE=$(node -pe "const results = JSON.parse(require('fs').readFileSync('./lighthouse-results/results.json').toString()); const score = results[0].categories.accessibility.score * 100; console.log(score); score;") | |
| if [[ $(echo "$SCORE < 100" | bc) -eq 1 ]]; then | |
| echo "::set-output name=status::failed" | |
| echo "::set-output name=accessibility_score::$SCORE" | |
| else | |
| echo "::set-output name=status::passed" | |
| echo "::set-output name=accessibility_score::$SCORE" | |
| fi | |
| else | |
| echo "Results file does not exist." | |
| exit 1 | |
| fi | |
| continue-on-error: true | |
| - name: Post Comment on PR | |
| uses: peter-evans/create-or-update-comment@v1 | |
| with: | |
| issue-number: ${{ github.event.pull_request.number }} | |
| body: | | |
| ${{ steps.check_scores.outputs.status == 'failed' && '❌ Lighthouse checks failed with an accessibility score of ${{ steps.check_scores.outputs.accessibility_score }}%. Please review the Lighthouse report in the Artifacts.' || '✅ Lighthouse checks passed successfully with an accessibility score of ${{ steps.check_scores.outputs.accessibility_score }}%!' }} | |
| Report URL: [View Lighthouse Report](${{ steps.extract_url.outputs.report_url }}) | |
| token: ${{ secrets.GITHUB_TOKEN }} | |
| - name: Fail the Workflow if Lighthouse Failed | |
| if: steps.check_scores.outputs.status == 'failed' | |
| run: exit 1 |