main.yml

# .github/workflows/chromatic.yml

# Workflow name
name: 'Build and publish'


on:
  # Trigger the workflow on push
  # but only for the main branch
  push:
    branches:
      - main

# List of jobs
jobs:
  integration-tests:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v1
      - uses: actions/setup-node@v1
        with:
          node-version: 10
      - run: npm install
      - run: npm test
  visual-tests:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v1
      - name: Install dependencies
        run: yarn
        # 👇 Adds Chromatic as a step in the workflow
      - name: Publish to Chromatic
        uses: chromaui/action@v1
        # Chromatic GitHub Action options
        with:
          token: ${{ secrets.GITHUB_TOKEN }}
          # 👇 Chromatic projectToken, refer to the manage page to obtain it.
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
          exitZeroOnChanges: false
  build-docs:
    needs: [visual-tests, integration-tests]
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v1
      - name: Build Storybook 🔧
        run: |
          CI=false
          npm install
          npm run build-storybook
      - name: Deploy Storybook to gh-pages 🚀
        uses: JamesIves/github-pages-deploy-action@3.7.1
        with:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
          BRANCH: gh-pages # The branch the action should deploy to.
          FOLDER: storybook-static # The folder the action should deploy.
          CLEAN: true # Automatically remove deleted files from the deploy branch
  publish:
    needs: [visual-tests, integration-tests]
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v1
      - uses: actions/setup-node@v1
        with:
          node-version: 10
      - run: npm install
      - run: npm run build
      - uses: JS-DevTools/npm-publish@v1
        with:
          package: ./dist/package.json
          access: "public"
          token: ${{ secrets.NPM_TOKEN }}