npx chromatic --project-token=a4427e1ea797

  1. 크로마틱 사이트 로그인

  2. https://github.com/settings/connections/applications/ 에서 Chromatic OAuth에 들어가서 Organization access 에서 조직에 권한 요청

    스크린샷 2023-01-10 오후 3.04.22.png

  3. 조직 추가 후 크로마틱을 적용할 프로젝트를 선택하고 아래 명령어를 따라 친다

    스크린샷 2023-01-10 오후 3.04.32.png

    스크린샷 2023-01-10 오후 3.08.43.png

  4. msw 적용을 했을 경우엔 다음과 같이 public 폴더를 storybook의 자산으로 제공해야 함.

    스크린샷 2023-01-10 오후 4.13.37.png

스크린샷 2023-01-10 오후 4.15.17.png

  1. actions/checkout@v2 이상이면 fetch-depth: 0를 꼭 적어줘야함

    스크린샷 2023-01-10 오후 6.45.00.png

Automate Chromatic with GitHub Actions * Chromatic docs

Storybook Tutorials