From f41cb09ec8530a7d421bd3116b45bc6e0035541b Mon Sep 17 00:00:00 2001
From: Alexander Polyankin <alexander.polyankin@metabase.com>
Date: Wed, 5 Jan 2022 00:03:42 +0300
Subject: [PATCH] Add chromatic (#19539)
---
.github/workflows/chromatic.yml | 19 +++++++++++++++++++
package.json | 4 +++-
yarn.lock | 7 +++++--
3 files changed, 27 insertions(+), 3 deletions(-)
create mode 100644 .github/workflows/chromatic.yml
diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml
new file mode 100644
index 00000000000..51cfd046fea
--- /dev/null
+++ b/.github/workflows/chromatic.yml
@@ -0,0 +1,19 @@
+name: 'Chromatic'
+
+on: push
+
+jobs:
+ chromatic-deployment:
+ runs-on: ubuntu-latest
+ steps:
+ - name: Checkout repository
+ uses: actions/checkout@v2
+ with:
+ fetch-depth: 0
+ - name: Install dependencies
+ run: yarn
+ - name: Publish to Chromatic
+ uses: chromaui/action@v1
+ with:
+ token: ${{ secrets.GITHUB_TOKEN }}
+ projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
diff --git a/package.json b/package.json
index e3f69a962f0..f406490f072 100644
--- a/package.json
+++ b/package.json
@@ -196,6 +196,7 @@
"babel-loader": "^8.2.2",
"babel-plugin-styled-components": "^1.10.7",
"babel-plugin-ttag": "^1.7.26",
+ "chromatic": "^6.3.3",
"concurrently": "^3.1.0",
"css-loader": "^0.28.7",
"cypress": "^6.8.0",
@@ -299,7 +300,8 @@
"test-visual-open": "percy exec -- yarn test-cypress-open --spec \"./frontend/test/metabase-visual/**/*.cy.spec.js\"",
"prepare": "husky install",
"storybook": "start-storybook -p 6006",
- "build-storybook": "build-storybook"
+ "build-storybook": "build-storybook",
+ "chromatic": "chromatic"
},
"lint-staged": {
"frontend/**/*.{js,jsx,ts,tsx,css}": [
diff --git a/yarn.lock b/yarn.lock
index 94d48dd00aa..fd9530c23b5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7692,6 +7692,11 @@ chownr@^2.0.0:
resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
+chromatic@^6.3.3:
+ version "6.3.3"
+ resolved "https://registry.yarnpkg.com/chromatic/-/chromatic-6.3.3.tgz#da7dd3502ac2fc9387eac5fc7b9e050716e001a3"
+ integrity sha512-d2l/jkD2VCxNXT69qRxuv/+7cEl5ZNR169GCG2D6HuiuyplbEF0NR/0Da2KGmAvu8KEWVJDR/HjEg0/OYCC9aQ==
+
chrome-trace-event@^1.0.2:
version "1.0.3"
resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
@@ -21589,10 +21594,8 @@ watchpack@^1.7.4:
resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.7.5.tgz#1267e6c55e0b9b5be44c2023aed5437a2c26c453"
integrity sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==
dependencies:
- chokidar "^3.4.1"
graceful-fs "^4.1.2"
neo-async "^2.5.0"
- watchpack-chokidar2 "^2.0.1"
optionalDependencies:
chokidar "^3.4.1"
watchpack-chokidar2 "^2.0.1"
--
GitLab