使用JEST对Vue.js路由器进行单元测试-如何模拟页面？

npm install --save-dev jest @vue/test-utils

import { shallowMount, createLocalVue } from '@vue/test-utils';
import VueRouter from 'vue-router';
import MyComponent from '@/components/MyComponent.vue';

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

const router = new VueRouter({
  routes: [
    // 定义你的路由配置
  ]
});

const wrapper = shallowMount(MyComponent, {
  localVue,
  router
});

it('should navigate to the correct route', () => {
  // 模拟导航到指定路由
  router.push('/about');

  // 断言当前路由是否为'/about'
  expect(wrapper.vm.$route.path).toBe('/about');
});