test: fix popup and top-tips test.

.circleci/config.yml

@@ -23,7 +23,7 @@ jobs:
           key: v1-dependencies-{{ checksum "package.json" }}
 
       # run tests!
-      - run: yarn test
+      - run: yarn test -- --coverage
 
       # update codecov stats
       - run: ./node_modules/.bin/codecov

package.json

@@ -37,8 +37,8 @@
     "build:release": "npm run build:entry && npm run build:component && npm run build:lib",
     "dev": "npm run build:entry && webpack-dev-server --inline --config build/webpack.dev.conf.js",
     "dev:docs": "webpack-dev-server --inline --config build/webpack.docsdev.conf.js",
-    "test": "jest --config=test/unit/jest.conf.js --coverage --runInBand",
-    "test:watch": "jest --config=test/unit/jest.conf.js --coverage --watchAll",
+    "test": "jest --config=test/unit/jest.conf.js --runInBand",
+    "test:watch": "jest --config=test/unit/jest.conf.js --watchAll",
     "coverage": "opener test/unit/coverage/lcov-report/index.html",
     "release": "node build/release.js"
   },

test/unit/jest.conf.js

@@ -27,6 +27,7 @@ module.exports = {
   collectCoverageFrom: [
     'packages/**/*.{js,vue}',
     '!packages/mixins/**/*.js',
+    '!**/packages/style/**',
     '!**/node_modules/**',
     '!**/lazyload/**'
   ]

test/unit/specs/popup.spec.js

@@ -1,4 +1,4 @@
-import { shallowMount } from '@vue/test-utils'
+import { shallowMount, mount } from '@vue/test-utils'
 import Popup from '@/popup'
 
 describe('popup', () => {
@@ -8,7 +8,7 @@ describe('popup', () => {
   })
 
   test('create', () => {
-    wrapper = shallowMount(Popup, {
+    wrapper = mount(Popup, {
       propsData: {}
     })
 
@@ -17,7 +17,7 @@ describe('popup', () => {
   })
 
   test('create a popup that is visible', () => {
-    wrapper = shallowMount(Popup, {
+    wrapper = mount(Popup, {
       attachToDocument: true,
       propsData: {
         visible: true

test/unit/specs/top-tips.spec.js

@@ -1,4 +1,4 @@
-import { shallowMount, createLocalVue } from '@vue/test-utils'
+import { mount, shallowMount, createLocalVue } from '@vue/test-utils'
 import TopTipsApi from '@/top-tips'
 import TopTips from '@/top-tips/top-tips.vue'
 
@@ -66,21 +66,16 @@ describe('top-tips component', () => {
     wrapper && wrapper.destroy()
   })
 
-  test('create', (done) => {
-    wrapper = shallowMount(TopTips, {
+  test('create', () => {
+    wrapper = mount(TopTips, {
       attachToDocument: true,
       propsData: {
         visible: true
       }
     })
 
-    // TODO
-    wrapper.vm.$nextTick(() => {
-      expect(wrapper.name()).toBe('wv-top-tips')
-      // expect(wrapper.classes()).toContain('weui-toptips')
-
-      done()
-    })
+    expect(wrapper.name()).toBe('wv-top-tips')
+    expect(wrapper.classes()).toContain('weui-toptips')
   })
 
   test('render message correctlly', () => {