Use new Percy CLI for Storybook

canonical · Dec 6, 2021 · 2766aa2 · 2766aa2
1 parent 1fb634a
commit 2766aa2
Show file tree

Hide file tree

Showing 4 changed files with 358 additions and 390 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -14,7 +14,7 @@ jobs:
           command: |
             sudo apt-get update
             sudo apt-get -y upgrade
-            sudo apt-get -yq install gconf-service libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 libxcursor1 libxdamage1 libxss1 libxtst6 libappindicator1 libnss3 libasound2 libatk1.0-0 libc6 ca-certificates fonts-liberation lsb-release xdg-utils wget
+            sudo apt-get -yq install gconf-service libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 libxcursor1 libxdamage1 libxss1 libxtst6 libappindicator1 libnss3 libasound2 libatk1.0-0 libc6 ca-certificates fonts-liberation lsb-release xdg-utils wget libgbm-dev
       # Download and cache dependencies
       - restore_cache:
           keys:

diff --git a/.prettier.yarn b/.prettier.yarn
@@ -0,0 +1,4 @@
+version: 2
+snapshot:
+  widths: [1280]
+  enable-javascript: true
diff --git a/package.json b/package.json
@@ -25,7 +25,8 @@
     "@babel/cli": "7.16.0",
     "@babel/eslint-parser": "7.16.3",
     "@babel/preset-typescript": "7.16.0",
-    "@percy/storybook": "3.3.1",
+    "@percy/cli": "1.0.0-beta.71",
+    "@percy/storybook": "4.1.0",
     "@storybook/addon-a11y": "6.4.8",
     "@storybook/addon-controls": "6.4.8",
     "@storybook/addon-docs": "6.4.8",
@@ -116,7 +117,7 @@
     "lint-style": "stylelint src/**/*.scss",
     "lint-package-json": "npmPkgJsonLint .",
     "lint": "yarn lint-package-json && yarn lint-js && yarn lint-style",
-    "percy": "yarn build-docs && percy-storybook --build_dir=docs --widths=1280",
+    "percy": "yarn build-docs && percy storybook ./docs",
     "prepublishOnly": "yarn clean && yarn install && yarn build",
     "serve": "yarn docs",
     "start": "yarn docs",