docs: add sample A - 02 to header template docs [skip chromatic] (#1462) #568
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
# .github/workflows/chromatic.yml | |
# Workflow name | |
name: 'Chromatic (Main)' | |
# Event for the workflow | |
on: | |
push: | |
branches: | |
- main | |
jobs: | |
chromatic-deployment-main: | |
runs-on: ubuntu-latest | |
if: ${{ !contains(github.event.head_commit.message, '[skip chromatic]') }} | |
steps: | |
# 👇 Version 2 of the action | |
- name: Checkout repository | |
uses: actions/checkout@v4 | |
with: | |
fetch-depth: 0 # 👈 Required to retrieve git history | |
- uses: pnpm/action-setup@v2 | |
with: | |
version: 8.6.2 | |
- name: Install dependencies | |
# 👇 Install dependencies with the same package manager used in the project (replace it as needed), e.g. yarn, npm, pnpm | |
run: PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD=true pnpm i | |
# 👇 Build storybook with pnpm | |
- name: Build storybook | |
run: cd packages/components && pnpm run build.chromatic | |
# 👇 Adds Chromatic as a step in the workflow | |
- name: Publish to Chromatic | |
uses: chromaui/action@latest | |
# Options required to the GitHub Chromatic Action | |
with: | |
# 👇 Chromatic projectToken, refer to the manage page to obtain it. | |
projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} | |
# Speedup the build by not waiting until everything is sent to Chromatic | |
exitOnceUploaded: true | |
# We don't need tests in the main branch, but want to accept everything | |
autoAcceptChanges: true | |
# We need to manually build storybook with pnpm | |
storybookBuildDir: packages/components/dist/storybook |