vue单元测试

基于老版没有用typescript的vue-cli做单元测试，
配置如下
需要下载测试最好不要带vue-router
“chai”: “^4.1.2”,
karma与mocha
“@vue/test-utils”: “^1.0.0-beta.12”,
安装完成之后进入vue项目目录
npm run unit
然后在unit目录下面生成 spec文件
import {mount} from ‘@vue/test-utils’
import Todo from ‘@/components/Todo’

//创建测试用例
describe('todo测试',()=>{
it("测试查看",()=>{

    const warp=mount(Todo);//mount渲染
   // console.log(warp.find('.list'));
   // console.log(warp.vm.list);
    //vm是组件实例所有内容
   expect(warp.vm.list.length).to.be.equal(1)//list是组件data里面的数据
 
}),
it("测试增加",()=>{
    const warp=mount(Todo);
    expect(warp.vm.list.push({id:1,value:2})).to.be.equal(2)//expeect断言
})})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15