jest测试vue router传参

Jest是一个广泛使用的JavaScript测试框架，特别是在React生态中用于单元测试和集成测试。当你想要测试Vue Router的参数传递时，可以结合Jest编写测试来确保路由跳转和参数的正确处理。

首先，你需要安装`@vue/test-utils`库，它提供了一套API帮助测试Vue组件，包括Vue Router：

npm install @vue/test-utils vue-router

然后，在测试文件中，你可以创建一个模拟的Vue Router实例，并配置好需要测试的路径和参数：

import { createLocalVue } from '@vue/test-utils'
import VueRouter from 'vue-router'
import YourComponent from '@/components/YourComponent'

const localVue = createLocalVue()
localVue.use(VueRouter)

const routes = [
  {
    path: '/your-path/:param',
    component: YourComponent,
  }
]

const router = new VueRouter({
  mode: 'history',
  routes
})

// 然后在测试中...
it('should navigate with a param', async () => {
  const wrapper = mount(YourComponent, { localVue, router })
  await router.push({ name: 'your-path', params: { param: 'test-param' } }) // 或者直接params: { param: 'test-param' }

  // 对参数的值进行断言
  expect(wrapper.vm.$route.params.param).toBe('test-param')

  // 进行其他相关测试...
})