如何检查nuxt.js中是否调用了navigateTo

Question

我正在开发一个 Nuxt.js 项目并使用 Vitest 进行单元测试。我需要验证在我的测试中是否使用特定路径调用了 Nuxt.js 中的 navigatorTo 函数。

这是我的组件 (Form.vue) 的相关部分，其中调用了 navigationTo：

// Form.vue

const onClick = () => {
    await navigateTo('/')
}

// Form.test.ts

const navigateToMock = vi.fn()

it('When submit clicked, Then make redirect', async () => {
  const wrapper = mount(...)

  await wrapper.find("[data-testid='login']").trigger('submit')
  await flushPromises()

  expect(navigateToMock).toHaveBeenCalledWith('/')
})

我正在努力弄清楚如何监视或有效测试导航To是否被调用。有人对如何解决这个问题有任何建议或想法吗？

Answer 1

我也有同样的问题。你找到解决办法了吗？