Add a11y panel to storybook

salesforce · May 3, 2018 · 19abda9 · 19abda9
1 parent 733ee07
commit 19abda9
Show file tree

Hide file tree

Showing 4 changed files with 144 additions and 10 deletions.
diff --git a/.storybook/addons.js b/.storybook/addons.js
@@ -0,0 +1,2 @@
+import '@storybook/addon-actions/register';
+import '@storybook/addon-a11y/register';
diff --git a/.storybook/config.js b/.storybook/config.js
@@ -1,7 +1,10 @@
-import { configure } from '@storybook/react';
+import { configure, addDecorator } from '@storybook/react';
+import { checkA11y } from '@storybook/addon-a11y';
 
 function loadStories () {
 	require('../components/storybook-stories'); // eslint-disable-line global-require
 }
 
+addDecorator(checkA11y)
+
 configure(loadStories, module);
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -117,7 +117,8 @@
 	"devDependencies": {
 		"@salesforce-ux/design-system": "2.4.3",
 		"@salesforce-ux/icons": "7.x",
-		"@storybook/addon-actions": "^3.2.12",
+		"@storybook/addon-a11y": "^3.4.3",
+		"@storybook/addon-actions": "^3.4.3",
 		"@storybook/addon-info": "^3.2.10",
 		"@storybook/addon-storyshots": "^3.4.0-alpha.4",
 		"@storybook/addons": "^3.4.0-alpha.8",