关于Vue页面的测试?

Question

问题描述想对当前项目进行单元测试，期望是针对单个问题测试，测试内容行为测试，方法测试，简单的UI测试问题出现的环境背景及自己尝试过哪些方法因为自身对测试不太熟悉。参考官网和开源组件库的测试代码进行开发。但发现测试会有各种依赖。如：A.vue 引入组件 B.vue，B.vue里面又有xx.js的业务脚本，然后xx.js里面又引用了公共库util.js，A.vue里面又有vuex的store。然后就环环相扣，各种报错。请问是否可以做到去除部分依赖然后单单针对性测试？

Answer 1

主要有三种方式。

一种是module mock（模块模拟），即将模块进行模拟，模拟它的api，而不模拟实现。

二是采用vue（当然react也是一样的）的shallow render。这样不会渲染子组件

三是代码进行拆分，或者只测试某些方法（甚至可以测试私有方法），而不是全体。

希望我的回答能够帮到你～