feat: storybook 배포

letsgochitchat · Dec 15, 2023 · 854bc84 · 854bc84
1 parent 57eef72
commit 854bc84
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -31,6 +31,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env
 
 # vercel
 .vercel

diff --git a/package.json b/package.json
@@ -12,7 +12,8 @@
     "test:coverage": "vitest --coverage",
     "prepare": "husky install",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "chromatic": "bash scripts/chromatic_publish.sh"
   },
   "dependencies": {
     "@emotion/react": "^11.11.1",
@@ -48,6 +49,7 @@
     "@vitest/browser": "^1.0.1",
     "@vitest/coverage-istanbul": "^1.0.1",
     "@vitest/coverage-v8": "^1.0.1",
+    "chromatic": "^10.1.0",
     "eslint": "^8",
     "eslint-config-next": "^14.0.3",
     "eslint-config-prettier": "^9.1.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/scripts/chromatic_publish.sh b/scripts/chromatic_publish.sh
@@ -0,0 +1,2 @@
+CHROMATIC_TOKEN=$(grep CHROMATIC_TOKEN .env | cut -d "=" -f2)
+npx chromatic --project-token=$CHROMATIC_TOKEN
diff --git a/src/components/common/BottomSheet/BottomSheet.stories.tsx b/src/components/common/BottomSheet/BottomSheet.stories.tsx
@@ -32,6 +32,7 @@ export const Default: StoryObj<BottomSheet> = {
           onClick={() => {
             setIsShowing(true);
           }}
+          style={{ color: 'white' }}
         >
           Open!
         </button>