fix(storybook): skip wrapper components

crimx · Aug 10, 2019 · cd370c9 · cd370c9
1 parent 6da3254
commit cd370c9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 11 deletions.
diff --git a/src/content/components/SaladBowl/SaladBowl.stories.tsx b/src/content/components/SaladBowl/SaladBowl.stories.tsx
@@ -6,6 +6,7 @@ import { withPropsTable } from 'storybook-addon-react-docgen'
 import { withKnobs, boolean, number } from '@storybook/addon-knobs'
 import { SaladBowl } from './SaladBowl'
 import { SaladBowlPortal } from './SaladBowl.portal'
+import { withLocalStyle } from '@/_helpers/storybook'
 
 storiesOf('Content Scripts|SaladBowl', module)
   .addDecorator(withPropsTable)
@@ -23,16 +24,8 @@ storiesOf('Content Scripts|SaladBowl', module)
       />
     ),
     {
-      decorators: [
-        function withShadowStyle(fn) {
-          return (
-            <div>
-              <style>{require('./SaladBowl.shadow.scss').toString()}</style>
-              {fn()}
-            </div>
-          )
-        }
-      ]
+      decorators: [withLocalStyle(require('./SaladBowl.shadow.scss'))],
+      jsx: { skip: 1 }
     }
   )
   .add('SaladBowlPortal', () => (

diff --git a/src/content/components/WordEditor/WordEditor.stories.tsx b/src/content/components/WordEditor/WordEditor.stories.tsx
@@ -50,7 +50,8 @@ storiesOf('Content Scripts|WordEditor', module)
       )
     },
     {
-      decorators: [withLocalStyle(require('./WordEditor.scss'))]
+      decorators: [withLocalStyle(require('./WordEditor.scss'))],
+      jsx: { skip: 1 }
     }
   )
   .add('WordEditorPortal', () => {