vue.js - 使用 TestingLibrary VueJS 测试面包屑路径

Question

我想测试我创建的组件面包屑。

该组件是使用路由器中包含的元数据构建的。我的问题是我的印象是我的测试组件没有考虑到我在渲染中作为参数传递的测试路由器。

您是否有解决方案来测试需要路由器的组件？

这是我的测试路由器：

import { render, screen } from "@testing-library/vue";
...

const routes = createRouter({
  history: createWebHistory(),
  routes: [
    {
      name: "Home",
      path: "/",
      component: Home,
      meta: {
        currentNames: ["Accueil"],
        childsPath: ["Home"],
      },
    }]
  });

这是我的测试：

beforeEach(() => {
  render(Ariane, {
    global: {
      plugins: [routes],
    },
  });
});
test("expected find Accueil", () => {
  routes.push({ name: "Home" });
  expect(router.currentRoute.value.meta.currentNames).toEqual(["Accueil"]);
  screen.getByText("Accueil");
});