fix(tests): Quell storybook HMR warnings (#149 by @bryanstearns)

The Storybook fix for this issue storybookjs/storybook#1525 adds a warning when `storiesOf` doesn’t have a `module` parameter. The `module` parameter is necessary to enable hot-module-replacement to work right: storybookjs/storybook#2022 (comment) [skip ci]
infinitered · Mar 11, 2019 · 5663289 · 5663289
1 parent 77d714b
commit 5663289
Show file tree

Hide file tree

Showing 10 changed files with 10 additions and 10 deletions.
diff --git a/boilerplate/app/components/button/button.story.tsx b/boilerplate/app/components/button/button.story.tsx
@@ -14,7 +14,7 @@ const buttonTextStyleArray: TextStyle[] = [
   {color: "#a511dc"},
 ]
 
-storiesOf("Button")
+storiesOf("Button", module)
   .addDecorator(fn => <StoryScreen>{fn()}</StoryScreen>)
   .add("Style Presets", () => (
     <Story>

diff --git a/boilerplate/app/components/checkbox/checkbox.story.tsx b/boilerplate/app/components/checkbox/checkbox.story.tsx
@@ -18,7 +18,7 @@ const arrayFillStyle: ViewStyle[] = [
   {backgroundColor: "#55e0ff"},
 ]
 
-storiesOf("Checkbox")
+storiesOf("Checkbox", module)
   .addDecorator(fn => <StoryScreen>{fn()}</StoryScreen>)
   .add("Behaviour", () => (
     <Story>

diff --git a/boilerplate/app/components/form-row/form-row.story.tsx b/boilerplate/app/components/form-row/form-row.story.tsx
@@ -14,7 +14,7 @@ const arrayStyle: ViewStyle[] = [
   {borderColor: "#32cd32"},
 ]
 
-storiesOf("FormRow")
+storiesOf("FormRow", module)
   .addDecorator(fn => <StoryScreen>{fn()}</StoryScreen>)
   .add("Assembled", () => (
     <Story>

diff --git a/boilerplate/app/components/header/header.story.tsx b/boilerplate/app/components/header/header.story.tsx
@@ -10,7 +10,7 @@ const VIEWSTYLE = {
   backgroundColor: color.storybookDarkBg,
 }
 
-storiesOf("Header")
+storiesOf("Header", module)
   .addDecorator(fn => <StoryScreen>{fn()}</StoryScreen>)
   .add("Behavior", () => (
     <Story>

diff --git a/boilerplate/app/components/icon/icon.story.tsx b/boilerplate/app/components/icon/icon.story.tsx
@@ -3,7 +3,7 @@ import { storiesOf } from "@storybook/react-native"
 import { StoryScreen, Story, UseCase } from "../../../storybook/views"
 import { Icon } from "./icon"
 
-storiesOf("Icon")
+storiesOf("Icon", module)
   .addDecorator(fn => <StoryScreen>{fn()}</StoryScreen>)
   .add("Names", () => (
     <Story>

diff --git a/boilerplate/app/components/switch/switch.story.tsx b/boilerplate/app/components/switch/switch.story.tsx
@@ -46,7 +46,7 @@ const thumbOnStyle: ViewStyle[] = [
   },
 ]
 
-storiesOf("Switch")
+storiesOf("Switch", module)
   .addDecorator(fn => <StoryScreen>{fn()}</StoryScreen>)
   .add("Behaviour", () => (
     <Story>

diff --git a/boilerplate/app/components/text-field/text-field.story.tsx b/boilerplate/app/components/text-field/text-field.story.tsx
@@ -24,7 +24,7 @@ const inputStyleArray: TextStyle[] = [
 ]
 var alertWhenFocused = true
 
-storiesOf("TextField")
+storiesOf("TextField", module)
   .addDecorator(fn => <StoryScreen>{fn()}</StoryScreen>)
   .add("Labelling", () => (
     <Story>

diff --git a/boilerplate/app/components/text/text.story.tsx b/boilerplate/app/components/text/text.story.tsx
@@ -14,7 +14,7 @@ const viewStyleArray: ViewStyle[] = [
   {backgroundColor: "#7fff00"},
 ]
 
-storiesOf("Text")
+storiesOf("Text", module)
   .addDecorator(fn => <StoryScreen>{fn()}</StoryScreen>)
   .add("Style Presets", () => (
     <Story>

diff --git a/boilerplate/app/components/wallpaper/wallpaper.story.tsx b/boilerplate/app/components/wallpaper/wallpaper.story.tsx
@@ -3,7 +3,7 @@ import { storiesOf } from "@storybook/react-native"
 import { StoryScreen, Story, UseCase } from "../../../storybook/views"
 import { Wallpaper } from "./wallpaper"
 
-storiesOf("Wallpaper")
+storiesOf("Wallpaper", module)
   .addDecorator(fn => <StoryScreen>{fn()}</StoryScreen>)
   .add("Style Presets", () => (
     <Story>

diff --git a/templates/component.story.tsx.ejs b/templates/component.story.tsx.ejs
@@ -3,7 +3,7 @@ import { storiesOf } from "@storybook/react-native"
 import { StoryScreen, Story, UseCase } from "../../../storybook/views"
 import { <%= props.pascalName %> } from "./"
 
-storiesOf("<%= props.pascalName %>")
+storiesOf("<%= props.pascalName %>", module)
   .addDecorator(fn => <StoryScreen>{fn()}</StoryScreen>)
   .add("Style Presets", () => (
     <Story>