jest+vue-test-utils初步实践
一、起步 1. jest Jest是 Facebook 的一套开源的 JavaScript 测试框架, 它自动集成了断言、JSDom、覆盖率报告等开发者所需要的所有测试工具,配置较少,对vue框架友好。 2. vue-test-utils Vue Test Utils 是 Vue.js 官方的单元测试实用工具库,为jest和vue提供了一个桥梁,暴露出一些接口,让我们更加方便的通过Jest为Vue应用编写单元测试。 3. 安装 如果已经安装配置了webpack、babel的vue脚手架,现在需要在安装的是: npm i jest @vue/test-utils vue-jest babel-jest jest-serializer-vue -D 4. 在package.json中定义单元测试的脚本和配置jest " scripts " : { " test " : " jest " }, " jest " : { " moduleFileExtensions " : [ " js " , // 告诉 Jest 处理 `*.vue` 文件 " vue " ], " moduleNameMapper " : { // 支持源代码中相同的 `@` -> `src` 别名 " ^@/(.*)$ " : " <rootDir>/src/$1 " }, " transform " : { //