在vuetest-utils中如何mock路由:this$routepath;
在vue/test-utils中,可以使用vue-router的mock方法来模拟路由。下面是一个示例:
- 首先,安装vue-router和vue-test-utils:
npm install vue-router vue-test-utils --save-dev
- 在测试文件中导入所需的依赖项:
import { shallowMount, createLocalVue } from '@vue/test-utils'
import VueRouter from 'vue-router'
- 创建一个本地Vue实例,并使用VueRouter插件:
const localVue = createLocalVue()
localVue.use(VueRouter)
- 创建一个mock路由对象,并将其传递给shallowMount函数:
const router = new VueRouter()
const wrapper = shallowMount(Component, {
localVue,
router
})
- 在测试用例中,可以通过访问wrapper.vm.$route来模拟路由:
it('should mock route', () => {
wrapper.vm.$route.path = '/mock-path'
expect(wrapper.vm.$route.path).toBe('/mock-path')
})
通过上述步骤,你可以在vue/test-utils中成功模拟路由。
原文地址: http://www.cveoy.top/t/topic/h8aW 著作权归作者所有。请勿转载和采集!