Remove axe plugin from chromatic in production (#3853)

* Only run axe when not taking snapshots

Author: snowystinger

.chromatic/main.js

@@ -4,7 +4,7 @@ module.exports = {
     builder: "storybook-builder-parcel",
   },
   stories: ['../packages/**/chromatic/**/*.chromatic.{js,jsx,ts,tsx}'],
-  addons: [
+  addons: process.env.NODE_ENV === 'production' ? [] : [
     '@storybook/addon-actions',
     '@storybook/addon-a11y'
   ],

package.json

@@ -33,7 +33,7 @@
     "clean:icons": "babel-node --presets @babel/env ./scripts/cleanIcons.js",
     "postinstall": "yarn build:icons && patch-package",
     "plop": "plop --plopfile scripts/plopfile.js",
-    "chromatic": "CHROMATIC=1 chromatic --project-token $CHROMATIC_PROJECT_TOKEN --build-script-name 'build:chromatic'",
+    "chromatic": "NODE_ENV=production CHROMATIC=1 chromatic --project-token $CHROMATIC_PROJECT_TOKEN --build-script-name 'build:chromatic'",
     "merge:css": "babel-node --presets @babel/env ./scripts/merge-spectrum-css.js",
     "release": "lerna publish from-package --yes",
     "publish:nightly": "lerna publish -y --canary --preid nightly --dist-tag=nightly --exact --force-publish=* --no-push",

packages/@react-spectrum/table/chromatic/TableView.chromatic.tsx

@@ -57,7 +57,7 @@ const meta: Meta<SpectrumTableProps<object>> = {
   parameters: {
     chromaticProvider: {colorSchemes: ['light'], locales: ['en-US'], scales: ['medium'], disableAnimations: true},
     // large delay with the layout since there are so many tables
-    chromatic: {delay: 2000}
+    chromatic: {delay: 4000}
   }
 };
 

packages/@react-spectrum/table/chromatic/TableViewRTL.chromatic.tsx

@@ -18,7 +18,7 @@ const meta: Meta = {
   parameters: {
     chromaticProvider: {colorSchemes: ['light'], locales: ['ar-AE'], scales: ['medium'], disableAnimations: true},
     // large delay with the layout since there are so many tables
-    chromatic: {delay: 2000}
+    chromatic: {delay: 4000}
   }
 };