[译] 对 Vue-Router 进行单元测试

图片描述(最多50字)

由于路由通常会把多个组件牵扯到一起操作,所以一般对其的测试都在 端到端/集成 阶段进行,处于测试金字塔的上层。不过,做一些路由的单元测试还是大有益处的。

对于与路由交互的组件,有两种测试方式:

使用一个真正的 router 实例
mock 掉 $route 和 $router 全局对象
因为大多数 Vue 应用用的都是官方的 Vue Router,所以本文会谈谈这个。

创建组件

我们会弄一个简单的  ,包含一个   /nested-child   路由。访问   /nested-child   则渲染一个      组件。创建   App.vue   文件,并定义如下的最小化组件:



                    
                    

你可能感兴趣的:(前端,vue)