关于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。这样不会渲染子组件

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

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