Fix bug with accessibility, add console logging

josephspurrier · Jun 12, 2020 · c716069 · c716069
1 parent a79f96c
commit c716069
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 2 deletions.
diff --git a/src/app/ui/.storybook/preview.js b/src/app/ui/.storybook/preview.js
@@ -0,0 +1 @@
+import '@storybook/addon-console';
diff --git a/src/app/ui/package-lock.json b/src/app/ui/package-lock.json
diff --git a/src/app/ui/package.json b/src/app/ui/package.json
@@ -28,6 +28,7 @@
     "@fortawesome/fontawesome-free": "^5.13.0",
     "@storybook/addon-a11y": "^5.3.19",
     "@storybook/addon-actions": "^5.3.19",
+    "@storybook/addon-console": "^1.2.1",
     "@storybook/addon-knobs": "^5.3.19",
     "@storybook/addon-storysource": "^5.3.19",
     "@storybook/mithril": "^5.3.19",

diff --git a/src/app/ui/src/index.stories.js b/src/app/ui/src/index.stories.js
@@ -2,19 +2,23 @@
 import m from "mithril";
 import { action } from "@storybook/addon-actions";
 import { withKnobs, text, boolean, number } from "@storybook/addon-knobs";
+import { withA11y } from "@storybook/addon-a11y";
 import Block from "./module/block";
 
 export default {
   title: "Structure/Block",
   component: Block,
-  decorators: [withKnobs],
+  decorators: [withKnobs, withA11y],
 };
 
 export const button = () => ({
   view: () => (
     <button
       disabled={boolean("Disabled", false)}
-      onclick={action("button-click")}
+      onclick={() => {
+        action("button-click");
+        console.log("Clicked!");
+      }}
     >
       {text("Label", "Hello Storybook")}
     </button>