Add visual tests with Storybook & Chromatic #5
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
on: | |
push: | |
branches: | |
- main | |
pull_request: | |
branches: | |
- main | |
name: 'Chromatic' | |
jobs: | |
chromatic: | |
name: "Chromatic" | |
strategy: | |
matrix: | |
jekyll-version: [4.3] | |
os: [ ubuntu-latest ] | |
ruby-version: [3.1] | |
node-version: [18.x] | |
runs-on: ${{ matrix.os }} | |
steps: | |
# Ruby setup | |
- uses: actions/checkout@v3 | |
- name: Setup Ruby ${{ matrix.ruby-version }} | |
uses: ruby/setup-ruby@v1 | |
with: | |
ruby-version: ${{ matrix.ruby-version }} | |
bundler-cache: false | |
- name: Bundle Install | |
run: bundle install | |
- name: Install Jekyll ${{ matrix.jekyll-version }} | |
run: gem install jekyll -v ${{ matrix.jekyll-version }} | |
- name: Init Search | |
run: bundle exec rake search:init | |
- name: Build Site | |
run: bundle exec jekyll build | |
# Node setup | |
- name: Use Node.js ${{ matrix.node-version }} | |
uses: actions/setup-node@v1 | |
with: | |
node-version: ${{ matrix.node-version }} | |
- run: npm install | |
- run: npm run storybook-build | |
- run: npx chromatic -d storybook-static | |
env: | |
CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} |