test(storybook): fix font imports, update snapshots

CharlieCarsonKids · Dec 22, 2019 · 7e1337c · 7e1337c
1 parent 47d4c2f
commit 7e1337c
Show file tree

Hide file tree

Showing 5 changed files with 135 additions and 131 deletions.
diff --git a/.storybook/config.js b/.storybook/config.js
@@ -11,10 +11,14 @@ import { withKnobs } from '@storybook/addon-knobs/react';
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
 import { addDecorator, addParameters, configure } from '@storybook/react';
 import { withHTML } from '@whitespace/storybook-addon-html/react';
-// fonts
-import 'typeface-montserrat';
-import 'typeface-poppins';
-import 'typeface-roboto';
+/*
+ *  app fonts
+ *  jest requires 'index.css' for import to be mocked.
+ *  see @ https://github.com/facebook/jest/issues/8988
+ */
+import 'typeface-montserrat/index.css';
+import 'typeface-poppins/index.css';
+import 'typeface-roboto/index.css';
 // styles
 import '../app/style/custom.scss';
 import './storybook.css';

diff --git a/app/components/molecules/Hero/tests/__snapshots__/index.test.js.snap b/app/components/molecules/Hero/tests/__snapshots__/index.test.js.snap
@@ -14,7 +14,7 @@ exports[`<Hero /> Should render and match the snapshot 1`] = `
         class="pb-3 my-auto col-6"
       >
         <h1
-          class="Title-sc-3abvrr-0 Hero__HeroTitle-sc-1ele3ck-1 bqYlOi mb-0 font-weight-bold display-1 mb-0 font-weight-bold"
+          class="Title-sc-3abvrr-0 Hero__HeroTitle-sc-1ele3ck-1 bVtUDZ mb-0 font-weight-bold display-1 mb-0 font-weight-bold"
           color="#fefefe"
           size="1"
         >

diff --git a/app/components/organisms/HomeHero/tests/__snapshots__/index.test.js.snap b/app/components/organisms/HomeHero/tests/__snapshots__/index.test.js.snap
@@ -17,7 +17,7 @@ exports[`<HomeHero /> Should render and match the snapshot 1`] = `
           class="pb-3 my-auto col-6"
         >
           <h1
-            class="Title-sc-3abvrr-0 Hero__HeroTitle-sc-1ele3ck-1 bqYlOi mb-0 font-weight-bold display-1 mb-0 font-weight-bold"
+            class="Title-sc-3abvrr-0 Hero__HeroTitle-sc-1ele3ck-1 bVtUDZ mb-0 font-weight-bold display-1 mb-0 font-weight-bold"
             color="#fefefe"
             size="1"
           >

diff --git a/app/components/templates/HomeLayout/tests/__snapshots__/index.test.js.snap b/app/components/templates/HomeLayout/tests/__snapshots__/index.test.js.snap
@@ -17,7 +17,7 @@ exports[`<HomeLayout /> Should render and match the snapshot 1`] = `
           class="banner-text text-center"
         >
           <p
-            class=" text-body m-0 p-1"
+            class="Text__StyledText-sc-1foatad-0 ckNvnb  text-body m-0 p-1"
           >
             banner content
           </p>
@@ -232,7 +232,7 @@ exports[`<HomeLayout /> Should render and match the snapshot 1`] = `
             class="pb-3 my-auto col-6"
           >
             <h1
-              class="Title-sc-3abvrr-0 Hero__HeroTitle-sc-1ele3ck-1 bqYlOi mb-0 font-weight-bold display-1 mb-0 font-weight-bold"
+              class="Title-sc-3abvrr-0 Hero__HeroTitle-sc-1ele3ck-1 bVtUDZ mb-0 font-weight-bold display-1 mb-0 font-weight-bold"
               color="#fefefe"
               size="1"
             >
@@ -279,12 +279,12 @@ exports[`<HomeLayout /> Should render and match the snapshot 1`] = `
               class="p-3 col-md-7 col-9"
             >
               <p
-                class="h3 text-light text-justify text-center mb-3"
+                class="Text__StyledText-sc-1foatad-0 ckNvnb h3 text-light text-justify text-center mb-3"
               >
                 Subscribe to our Newsletter
               </p>
               <p
-                class=" text-light text-center m-0"
+                class="Text__StyledText-sc-1foatad-0 ckNvnb  text-light text-center m-0"
               >
                 Don't miss out on any deals and stay up to date with the latest trends.
               </p>