vue.js - 如何使用 Vue 测试库测试 Vue Router 的导航守卫？

Question

我想在我的 Vue 2 项目中测试 Vue Router 的“beforeRouteUpdate”和“beforeRouteLeave”导航防护。

尽管有很多关于如何使用 Vue Test Utils 测试它们的答案，但我找不到如何使用 Vue 测试库来做到这一点。在那些答案中（对于 Vue Test Utils），他们建议通过

wrapper.vm.$options.beforeRouteUpdate[0]

不幸的wrapper是，它似乎没有暴露在 Vue 测试库中，所以我被卡住了。

那么......使用 Vue 测试库测试 Vue Router 的导航防护的正确方法是什么？或者我应该为此目的使用 Vue Test Utils 吗？

score 1 · Accepted Answer

谈论测试库：

他们希望您专注于测试用户观察到的组件的输出和功能，并避免担心组件的实现细节。

然后，如果您真的想测试诸如路由器、名称、mixin 之类的东西，您应该使用 Test utils。但是你可以同时使用两者 =)

你可以在这里看到这个：

1 回答 1