单元测试


当别人使用我们编写的组件时,需要确保 组件是可靠的,单元测试正好可以证明则一点。

Mocha

jest

Vue Test Units

渲染 mount和shallowMount
获取元素get find
表单---触发setValue,特别注意await
事件---触发DOM事件trigger,验证组件的自定义事件emitted
异步请求---结合jest和VTU 一起
高级UserProfile组件测试
mock全局组件
mock第三方模块的实现
让实例中添加真实的Vuex store
单独测试Vue store
TDD 的开发方式:开发ColorPicker组件
先写测试用例,所有用例失败
根据用例写实现代码,让用例通过
根据实际情况进行测试,如果有需要可以进行重构
作业
完成IconSwitch的组件开发,并且为其写测试

  • 自己撰写需求
  • 可以使用ant-design-vue 提供的一些组件,比如a-tooltip,也可以自研
  • 这个组件其实并不能很好的体现单元测试的优越,但是可以较好的练习学习的内容

nyc 是如何做到统计覆盖率的?
查看package.json 看看依赖了什么
Istanbuljs---> 类似于babel 给代码加东西