Merge branch 'master' of github.com:spotify/backstage

.github/workflows/chromatic-storybook-test.yml

@@ -0,0 +1,22 @@
+name: 'test chromatic'
+on:
+  pull_request:
+    paths:
+      - '.github/workflows/chromatic-storybook-test.yml'
+      - 'packages/storybook/**'
+      - 'packages/core/src/components/**'
+      - 'packages/core/src/layout/**'
+
+jobs:
+  chromatic:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0 # Required to retrieve git history
+      - run: yarn install && yarn build-storybook
+      - uses: chromaui/action@v1
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          storybookBuildDir: 'packages/storybook/dist'

package.json

@@ -21,7 +21,8 @@
     "release": "if [ \"$(git symbolic-ref --short HEAD)\" = master ]; then echo \"don't try to release master\"; exit 1; else lerna version --no-push; fi",
     "lerna": "lerna",
     "postinstall": "patch-package",
-    "storybook": "yarn workspace storybook start"
+    "storybook": "yarn workspace storybook start",
+    "build-storybook": "yarn workspace storybook build-storybook"
   },
   "workspaces": {
     "packages": [

packages/core/src/components/Table/Table.stories.tsx

@@ -31,8 +31,8 @@ const generateTestData: (number: number) => Array<{}> = (rows = 10) => {
       col1: `Some value ${data.length}`,
       col2: `More data ${data.length}`,
       subvalue: `Subvalue ${data.length}`,
-      number: Math.floor(Math.random() * 1000),
-      date: new Date(Math.random() * 10000000000000),
+      number: Math.round(Math.abs(Math.sin(data.length)) * 1000),
+      date: new Date(Math.abs(Math.sin(data.length)) * 10000000000000),
     });
   }
 

yarn.lock

@@ -4409,9 +4409,9 @@
     source-map "^0.6.1"
 
 "@types/webpack@*", "@types/webpack@^4.41.7":
-  version "4.41.12"
-  resolved "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.12.tgz#0386ee2a2814368e2f2397abb036c0bf173ff6c3"
-  integrity sha512-BpCtM4NnBen6W+KEhrL9jKuZCXVtiH6+0b6cxdvNt2EwU949Al334PjQSl2BeAyvAX9mgoNNG21wvjP3xZJJ5w==
+  version "4.41.13"
+  resolved "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.13.tgz#988d114c8913d039b8a0e0502a7fe4f1f84f3d5e"
+  integrity sha512-RYmIHOWSxnTTa765N6jJBVE45pd2SYNblEYshVDduLw6RhocazNmRzE5/ytvBD8IkDMH6DI+bcrqxh8NILimBA==
   dependencies:
     "@types/anymatch" "*"
     "@types/node" "*"
@@ -19584,9 +19584,9 @@ ts-pnp@^1.1.2:
   integrity sha512-CrG5GqAAzMT7144Cl+UIFP7mz/iIhiy+xQ6GGcnjTezhALT02uPMRw7tgDSESgB5MsfKt55+GPWw4ir1kVtMIQ==
 
 tsc-watch@^4.2.3:
-  version "4.2.5"
-  resolved "https://registry.npmjs.org/tsc-watch/-/tsc-watch-4.2.5.tgz#3ee680cfd02087bb76cbecd2d5f290a0d6302454"
-  integrity sha512-scXpL5SFJevvtKOtQIRxJvyEwCKSIZS9bDrO/cy/dWlETTVwSlfRm2WmakdRPM0Rg90DbYyJjkUr2z74HXcxzQ==
+  version "4.2.6"
+  resolved "https://registry.npmjs.org/tsc-watch/-/tsc-watch-4.2.6.tgz#c0903e9f15a882b78481d80cba170731b7fe2779"
+  integrity sha512-YLWyWFrL6mmA13yveULg1bJYrizlkTjqJ4d6Fi3dCgxbfK6jE8HcqoFHKLAsP5mWn0PKhOEf3hhqE7Egjpflfg==
   dependencies:
     cross-spawn "^5.1.0"
     node-cleanup "^2.1.2"