低代码: 组件库测试之Vue环境下的测试工具以及测试环境搭建

Vue Test Utils

• Vue Test Utils 1 targets Vue 2.

• Vue Test Utils 2 targets Vue 3.

• 特别注意要使用 版本 2.0.0 以上

• 提供特定的方法，在隔离的话环境下，进行组件的挂载，以及一系列的测试

配置开发环境

• 手动配置, 是比较麻烦的
• vue cli 是基于插件架构的， 插件可以：
  • 安装对应功能的依赖
  • 修改内部配置
  • 注入命令
• 在现有项目中安装插件：
  • vue add 插件名称

添加测试插件

• 插件地址：https://www.npmjs.com/package/@vue/cli-plugin-unit-jest

  vue add unit-jest
  

插件运作的过程

• 安装的依赖
  • vue-test-utils (@vue/test-utils)