Chromatic Report #3213
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: Chromatic Report | |
| on: | |
| workflow_run: | |
| workflows: ['Chromatic'] | |
| types: | |
| - completed | |
| jobs: | |
| chromatic-report: | |
| if: github.event.workflow_run.event == 'pull_request' && github.event.workflow_run.conclusion == 'success' && github.actor != 'dependabot[bot]' && github.actor != 'renovate[bot]' | |
| name: Chromatic Report | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Checkout | |
| uses: actions/checkout@v4 | |
| - name: Download artifact | |
| uses: actions/github-script@v7 | |
| with: | |
| script: | | |
| const artifacts = await github.rest.actions.listWorkflowRunArtifacts({ | |
| owner: context.repo.owner, | |
| repo: context.repo.repo, | |
| run_id: ${{ github.event.workflow_run.id }}, | |
| }); | |
| const matchArtifact = artifacts.data.artifacts.filter((artifact) => { | |
| return artifact.name == "pr" | |
| })[0]; | |
| const download = await github.rest.actions.downloadArtifact({ | |
| owner: context.repo.owner, | |
| repo: context.repo.repo, | |
| artifact_id: matchArtifact.id, | |
| archive_format: 'zip', | |
| }); | |
| const fs = require('fs'); | |
| fs.writeFileSync('${{ github.workspace }}/pr.zip', Buffer.from(download.data)); | |
| - name: Unzip artifact | |
| run: unzip pr.zip | |
| - name: Get PR number | |
| uses: actions/github-script@v7 | |
| id: pr-number | |
| with: | |
| script: | | |
| const fs = require('fs'); | |
| return Number(fs.readFileSync('./prNumber')); | |
| result-encoding: string | |
| - name: Get Storybook URL | |
| uses: actions/github-script@v7 | |
| id: storybook-url | |
| with: | |
| script: | | |
| const fs = require('fs'); | |
| return fs.readFileSync('./storybookUrl'); | |
| result-encoding: string | |
| - name: Get Chromatic build URL | |
| uses: actions/github-script@v7 | |
| id: build-url | |
| with: | |
| script: | | |
| const fs = require('fs'); | |
| return fs.readFileSync('./buildUrl'); | |
| result-encoding: string | |
| - name: Render template | |
| id: template | |
| uses: chuhlomin/[email protected] | |
| with: | |
| template: .github/utils/chromatic-report/comment_template.md | |
| vars: | | |
| storybookUrl: ${{ steps.storybook-url.outputs.result }} | |
| buildUrl: ${{ steps.build-url.outputs.result }} | |
| - name: Find comment | |
| uses: peter-evans/find-comment@v3 | |
| id: find-comment | |
| with: | |
| issue-number: ${{ steps.pr-number.outputs.result }} | |
| comment-author: 'github-actions[bot]' | |
| body-includes: Chromatic Report | |
| - name: Create or update comment | |
| uses: peter-evans/create-or-update-comment@v4 | |
| with: | |
| comment-id: ${{ steps.find-comment.outputs.comment-id }} | |
| issue-number: ${{ steps.pr-number.outputs.result }} | |
| body: ${{ steps.template.outputs.result }} | |
| edit-mode: replace |