对 Vue Router 进行单元测试的方法

由于路由通常会把多个组件牵扯到一起操作,所以一般对其的测试都在 端到端/集成 阶段进行,处于测试金字塔的上层。不过,做一些路由的单元测试还是大有益处的。 对于与路由交互的组件,有两种测试方式: 使用一个真正的 router 实例 mock 掉 $route 和 $router 全局对象 因为大多数 Vue 应用用的都是官方的 Vue Router,所以本文会谈谈这个。 创建组件 我们会弄一个简单的 ,包含一个 /nested-child 路由。访问 /nested-child 则渲染一个 组件。创建 App.vue 文件,并定义如下