chai单元测试

1. BDD

Behavior Driven Development行为驱动开发

2. TDD

Test Driven Development测试驱动开发

3. Assert(断言)

console.log(1===2)//抛出一个错误

4. chai 方法测试

包含Should Expect Assert三种方法

5. 用Expect测试示例

安装

yarn add chai -D

yarn add chai-spies -D

引用

import chai from 'chai'
import spies from 'chai-spies'
chai.use(spies)
const expect=chai.expect

测参数

{
    const Constructor=Vue.extend(MyComponent)//创建构造器
    const vm=new Constructor({
        propsData:{icon:'setting'}
    }).$mount()//创建实例，并挂载到页面
    let useElement=vm.$el.querySelector('use')
    let attr=useElement.getAttribute('xlink:href')
    expect(attr).to.eq('#i-setting')
}

测属性

{
    const Constructor=Vue.extend(MyComponent)
    const vm=new Constructor({
        propsData:{iconPosition:'right'}
    }).$mount()
    let svg=vm.$el.querySelector('svg')
    let {order}=window.getComputedStyle(svg)
    expect(order).to.eq('2')
}

测事件

{
    const Constructor=Vue.extend(MyComponent)
    const vm=new Constructor({
        propsData:{icon:'setting'}
    }).$mount()
    let spy=chai.spy(function(){})
    vm.$on('click',spy)
    let button=vm.$el
    button.click()
    expect(spy).to.have.been.called()
}