Feature/integrate service workers to storybook (#1878)

* #1870: Fix missing audit logs

* Integrate service workers to storybook

* Integrate service workers to storybook

* Integrate service workers to storybook

* Integrate service workers to storybook

spring-boot-admin-server-ui/.storybook/preview.js

@@ -5,10 +5,17 @@ import Vue from "vue/dist/vue.js";
 import components from "@/components";
 import i18n from "@/i18n";
 import VueI18n from "vue-i18n";
+import mappingsEndpoint from '@/mocks/instance/mappings';
+
+import { initialize, mswDecorator } from 'msw-storybook-addon';
+
+// Initialize MSW
+initialize();
 
 Vue.use(VueI18n);
 Vue.use(components);
 
+
 export const parameters = {
   actions: {argTypesRegex: "^on[A-Z].*"},
   controls: {
@@ -17,6 +24,12 @@ export const parameters = {
       date: /Date$/,
     },
   },
+  msw: {
+    handlers: {
+      auth: null,
+      others: [...mappingsEndpoint]
+    }
+  }
 }
 
 export const decorators = [
@@ -25,7 +38,8 @@ export const decorators = [
     return Vue.extend({
       i18n,
       components: {wrapped},
-      template: `<wrapped/>`
+      template: `
+        <wrapped/>`
     })
-  },
+  }, mswDecorator
 ]

spring-boot-admin-server-ui/package.json

@@ -8,7 +8,7 @@
     "lint": "vue-cli-service lint",
     "lint:fix": "vue-cli-service lint --fix",
     "watch": "vue-cli-service build --watch",
-    "storybook": "start-storybook -p 6006",
+    "storybook": "start-storybook -p 6006 -s public",
     "build-storybook": "build-storybook"
   },
   "engines": {
@@ -81,6 +81,7 @@
     "jest-each": "26.6.2",
     "jest-environment-jsdom-sixteen": "2.0.0",
     "msw": "0.35.0",
+    "msw-storybook-addon": "1.5.0",
     "node-sass": "6.0.1",
     "sass-loader": "10.2.0",
     "style-loader": "1.3.0",
@@ -168,5 +169,8 @@
       "**/*.spec.js"
     ],
     "testURL": "http://example.com"
+  },
+  "msw": {
+    "workerDirectory": "public"
   }
 }