test: button

components/button/__test__/Button.spec.js

@@ -1,14 +0,0 @@
-import Vue from 'vue'
-import Button from '../index'
-
-describe('Button.vue', () => {
-  it('should render correct contents', () => {
-    const Constructor = Vue.extend(Button)
-    const ele = document.createElement('div')
-    document.body.appendChild(ele)
-    const vm = new Constructor({ propsData: { type: 'primary' }})
-    vm.$mount(ele)
-    expect(vm.$el.classList.contains('ant-btn-primary'))
-      .to.equal(true)
-  })
-})

components/button/__test__/index.spec.js

@@ -0,0 +1,18 @@
+import Button from '../index'
+import {mount} from 'avoriaz'
+
+describe('Button', () => {
+  let wrapper
+
+  afterEach(() => {
+    wrapper && wrapper.destroy()
+  })
+  it('create primary button', () => {
+    wrapper = mount(Button, {
+      propsData: {
+        type: 'primary',
+      },
+    })
+    expect(wrapper.hasClass('ant-btn-primary')).to.equal(true)
+  })
+})

package.json

@@ -51,6 +51,7 @@
     "devDependencies": {
         "@octokit/rest": "^15.2.6",
         "autoprefixer": "^8.1.0",
+        "avoriaz": "^6.3.0",
         "babel-cli": "^6.26.0",
         "babel-core": "^6.26.0",
         "babel-eslint": "^8.0.1",

test/karma.conf.js

@@ -8,7 +8,6 @@ const webpackConfig = require('../webpack.config')
 const merge = require('webpack-merge')
 delete webpackConfig.entry
 const scope = process.argv[5] || ''
-console.log('scope', process.argv)
 module.exports = function (config) {
   config.set({
     // to run in additional browsers:

test/specs/Button.spec.js

@@ -1,14 +0,0 @@
-import Vue from 'vue'
-import Button from '../../components/button'
-
-describe('Button.vue', () => {
-  it('should render correct contents', () => {
-    const Constructor = Vue.extend(Button)
-    const ele = document.createElement('div')
-    document.body.appendChild(ele)
-    const vm = new Constructor({ propsData: { type: 'primary' }})
-    vm.$mount(ele)
-    expect(vm.$el.classList.contains('ant-btn-primary'))
-      .to.equal(true)
-  })
-})