hey hey

Author: tiltec

.eslintignore

@@ -5,3 +5,6 @@
 /.quasar
 /node_modules
 /storybook-static
+/docs/_book
+/docs/node_modules
+/docs/book

jest.config.js

@@ -1,39 +1,38 @@
-const esModules = ['quasar', 'quasar/lang', 'lodash-es', 'leaflet'].join('|');
+const esModules = ['quasar', 'quasar/lang', 'lodash-es', 'leaflet'].join('|')
 
 module.exports = {
   roots: [
-    "<rootDir>/src/"
+    '<rootDir>/src/',
   ],
   globals: {
     __DEV__: true,
   },
   testEnvironment: 'jsdom',
-  "testEnvironmentOptions": {
-    "pretendToBeVisual": true
+  testEnvironmentOptions: {
+    pretendToBeVisual: true,
   },
   collectCoverage: true,
   coverageDirectory: './coverage/',
   coverageReporters: [
-    "json",
-    "lcov"
+    'json',
+    'lcov',
   ],
   // Needed in JS codebases too because of feature flags
   coveragePathIgnorePatterns: ['/node_modules/', '.d.ts$'],
   testMatch: [
     '<rootDir>/src/**/*.spec.js',
   ],
   moduleDirectories: [
-    "node_modules",
-    "<rootDir>/src",
+    'node_modules',
+    '<rootDir>/src',
   ],
   moduleFileExtensions: ['vue', 'js', 'json'],
   moduleNameMapper: {
     '^quasar$': 'quasar/dist/quasar.esm.prod.js',
-    "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/test/fileMock.js",
-    "\\.(css|less|styl|stylus|sass|scss)$": "<rootDir>/test/styleMock.js",
-    "@/(.*)$": "<rootDir>/src/$1",
-    ">/(.*)$": "<rootDir>/test/$1",
-    //'^vue$': '@vue/compat', TODO remove
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '<rootDir>/test/fileMock.js',
+    '\\.(css|less|styl|stylus|sass|scss)$': '<rootDir>/test/styleMock.js',
+    '@/(.*)$': '<rootDir>/src/$1',
+    '>/(.*)$': '<rootDir>/test/$1',
   },
   transform: {
     '.*\\.vue$': '@vue/vue3-jest',
@@ -43,12 +42,12 @@ module.exports = {
   transformIgnorePatterns: [`node_modules/(?!(${esModules}))`],
   snapshotSerializers: ['jest-serializer-vue'],
   setupFiles: [
-    "<rootDir>/test/setup/env.js",
-    "<rootDir>/test/setup/unhandledPromiseRejectionHandler.js",
-    "<rootDir>/test/setup/mockRandom.js",
-    "<rootDir>/test/setup/mockScroll.js",
-    "<rootDir>/test/setup/mockUserAgent.js",
-    "<rootDir>/test/setup/mockLocation.js",
-    "jest-canvas-mock"
+    '<rootDir>/test/setup/env.js',
+    '<rootDir>/test/setup/unhandledPromiseRejectionHandler.js',
+    '<rootDir>/test/setup/mockRandom.js',
+    '<rootDir>/test/setup/mockScroll.js',
+    '<rootDir>/test/setup/mockUserAgent.js',
+    '<rootDir>/test/setup/mockLocation.js',
+    'jest-canvas-mock',
   ],
-};
+}

jsconfig.json

@@ -15,6 +15,7 @@
     "dist",
     ".quasar",
     "node_modules",
-    "storybook-static"
+    "storybook-static",
+    "docs/_book"
   ]
 }

src/storyshots.spec.js

@@ -24,16 +24,13 @@ jest.mock('@storybook/vue3', () => ({
 import glob from 'glob'
 import lolex from 'lolex'
 import { createRenderer } from 'vue-server-renderer'
-import Vue from 'vue'
 import { Quasar } from 'quasar'
 import quasarConfig from '>/quasarConfig'
 import { mount, RouterLinkStub } from '@vue/test-utils'
 import i18n from '@/base/i18n'
 import routerMocks from '>/routerMocks'
 
 i18n.locale = 'en'
-Vue.component('RouterLink', RouterLinkStub)
-Vue.directive('measure', {})
 
 // To get properly faked dates, install fake Date object before importing stories
 const now = new Date('2017-12-24T12:00:00Z')
@@ -94,8 +91,19 @@ for (const group of mockStories) {
           const component = story.render()
 
           const wrapper = mount(component, {
-            mocks: {
-              ...routerMocks,
+            global: {
+              plugins: [
+                [Quasar, quasarConfig],
+              ],
+              stubs: {
+                RouterLink: RouterLinkStub,
+              },
+              directives: {
+                measure: {},
+              },
+              mocks: {
+                ...routerMocks,
+              },
             },
           })
           const html = await renderer.renderToString(wrapper.vm)