Skip to content

Upgrade Storybook v8.x #4060

Upgrade Storybook v8.x

Upgrade Storybook v8.x #4060

Workflow file for this run

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"