feat: Add MSW addon config

Signed-off-by: Arthur Andrade <arthurfelandrade@gmail.com>

.gitignore

@@ -56,7 +56,9 @@ src/typings/
 
 # gatsby files
 .cache/
-public
+public/*
+!public
+!public/mockServiceWorker.js
 
 # Mac files
 .DS_Store

.storybook/preview.js

@@ -4,8 +4,16 @@ import '!style-loader!css-loader!sass-loader!../src/styles/global/resets.scss'
 import '!style-loader!css-loader!sass-loader!../src/styles/global/storybook-components.scss'
 import '!style-loader!css-loader!sass-loader!../src/styles/global/tokens.scss'
 import '!style-loader!css-loader!sass-loader!../src/styles/global/typography.scss'
+import { initialize, mswDecorator } from 'msw-storybook-addon'
+
+// Initialize MSW
+initialize()
+
 import SBTheme from './theme'
 
+// Provide the MSW addon decorator globally
+export const decorators = [mswDecorator]
+
 // Viewports from src/styles/vendors/include-media_overwrite.scss
 const customViewports = {
   phone: {

package.json

@@ -86,6 +86,8 @@
     "husky": "^5.2.0",
     "is-ci": "^3.0.0",
     "lint-staged": "^10.5.4",
+    "msw": "^0.43.1",
+    "msw-storybook-addon": "^1.6.3",
     "postcss": "^8.4.4",
     "prettier": "^2.2.0",
     "storybook-addon-gatsby": "^0.0.5",
@@ -113,5 +115,8 @@
     "*.scss": [
       "stylelint --fix"
     ]
+  },
+  "msw": {
+    "workerDirectory": "public"
   }
 }