单元测试(待更新)

单元测试是指传一个输入 然后输出判断和你输入的东西是否是匹配

1.断言库 chai

引入

import chai from 'chai'
const expect = chai.expect

判断 herf的是否等于#M-setting 然后返回输出结果

let useElement = button.$el.querySelector('use')
let href = useElement.getAttribute('xlink:href')
expect(href).to.eq('#M-setting')

判断元素中的css

// 创建div元素
const div = document.createElement('div')
// body添加div
document.body.appendChild(div)
// 将对象方法赋值
const Constructor = Vue.extend(Button)
// 实例化对象
const button = new Constructor({
    propsData:{
        icon:'setting',
        loading:true
    }
})
// 将button挂载到div
button.$mount(div)
// 获取svg
let svg = button.$el.querySelector('svg')
// 获取svg的order
let {order} = window.getComputedStyle(svg)
// 判断svg的值
expect(order).to.eq('1')