Upgrade Storybook v8.x #4046
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: Publish Storybook to Chromatic | |
# See: https://www.chromatic.com/docs/setup-turbosnap/#github-pull_request-triggers | |
on: | |
workflow_dispatch: | |
# Other Khan Academy repositories use this trigger for the chromaui/action | |
# and it appears to work-ish, so we'll use the same. If it starts to break, | |
# review the above URL to see how to fix it. | |
pull_request: | |
push: | |
branches: [main] | |
# When a new revision is pushed to a PR, cancel all in-progress CI runs for that | |
# PR. See https://docs.github.com/en/actions/using-jobs/using-concurrency | |
concurrency: | |
group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }} | |
cancel-in-progress: true | |
jobs: | |
chromatic: | |
name: Publish Storybook to Chromatic | |
runs-on: ${{ matrix.os }} | |
strategy: | |
matrix: | |
os: [ubuntu-latest] | |
node-version: [20.x] | |
steps: | |
# chromaui/@action doesn't work with shallow checkouts which is the | |
# default for actions/checkout so we need to force it to checkout | |
# more stuff. | |
- uses: actions/checkout@v4 | |
with: | |
fetch-depth: 0 | |
- name: Install & cache node_modules | |
uses: ./.github/actions/shared-node-cache | |
with: | |
node-version: ${{ matrix.node-version }} | |
- name: Publish to Chromatic for visual testing | |
uses: chromaui/action@v11 | |
with: | |
token: ${{ secrets.GITHUB_TOKEN }} | |
projectToken: ${{ secrets.CHROMATIC_APP_CODE }} | |
autoAcceptChanges: "main" | |
onlyStoryFiles: "**/*regression.stories.tsx" |