【jest】vue项目引入单元测试

官方文档 https://cn.vuejs.org/v2/cookbook/unit-testing-vue-components.html

vue单元测试官方文档 https://vue-test-utils.vuejs.org/zh/

测试单文件官方demo

https://github.com/vuejs/vue-test-utils-jest-example

.vue单文件测试

demo目录

依赖安装的说明

npm install --save-dev jest @vue/test-utils
npm install --save-dev vue-jest
npm install --save-dev babel-jest
npm install --save-dev babel-jest

package.json

{
  // ...
  "jest": {
    "moduleFileExtensions": [
      "js",
      "json",
      // 告诉 Jest 处理 `*.vue` 文件
      "vue"
    ],
    "transform": {
      // 用 `vue-jest` 处理 `*.vue` 文件
      ".*\\.(vue)$": "vue-jest",
       // 用 `babel-jest` 处理 js
      "^.+\\.js$": "<rootDir>/node_modules/babel-jest"
    }
  }
}

.babelrc

{
  "presets": [["env", { "modules": false }]],
  "env": {
    "test": {
      "presets": [["env", { "targets": { "node": "current" } }]]
    }
  }
}