temp

Author: hunterliu1003

.eslintrc.js

@@ -10,5 +10,16 @@ module.exports = {
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
-  }
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)'
+      ],
+      env: {
+        jest: true
+      }
+    }
+  ]
 }

jest.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  preset: '@vue/cli-plugin-unit-jest/presets/no-babel'
+}

package.json

@@ -18,6 +18,7 @@
   "scripts": {
     "build": "rollup -c --environment BUILD:production",
     "dev": "rollup -c -w --environment BUILD:production",
+    "test": "vue-cli-service test:unit",
     "lint": "vue-cli-service lint"
   },
   "devDependencies": {
@@ -26,8 +27,10 @@
     "@babel/preset-env": "^7.11.5",
     "@rollup/plugin-babel": "^5.2.2",
     "@vue/cli-plugin-eslint": "^4.5.4",
+    "@vue/cli-plugin-unit-jest": "~4.5.0",
     "@vue/cli-service": "^4.5.4",
     "@vue/eslint-config-prettier": "^6.0.0",
+    "@vue/test-utils": "^1.1.2",
     "babel-eslint": "10.1.0",
     "eslint": "6.7.2",
     "eslint-config-airbnb-base": "^14.2.0",

tests/unit/VueFinalModal.spec.js

@@ -0,0 +1,42 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import VueFinalModal from '../../lib'
+
+function createOpenedModal(propsData = {}, mountingOptions = {}) {
+  const localVue = createLocalVue()
+  localVue.use(VueFinalModal())
+  return new Promise(resolve => {
+    const wrapper = mount(localVue.options.components.VueFinalModal, {
+      stubs: false,
+      localVue,
+      propsData: {
+        value: true,
+        ...propsData
+      },
+      listeners: {
+        opened: () => resolve({ wrapper, localVue })
+      },
+      ...mountingOptions
+    })
+  })
+}
+
+describe('VueFinalModal.vue', () => {
+  describe('props', () => {
+    it('value', async () => {
+      const { wrapper } = await createOpenedModal()
+      expect(wrapper.find('.vfm').isVisible()).toBe(true)
+    })
+    it('lockScroll: true', async () => {
+      await createOpenedModal({
+        lockScroll: true
+      })
+      expect(document.body.style.overflow).toBe('hidden')
+    })
+    it('lockScroll: false', async () => {
+      await createOpenedModal({
+        lockScroll: false
+      })
+      expect(document.body.style.overflow).not.toBe('hidden')
+    })
+  })
+})