在 Vue test utils 中获取同级组件(​​Vue 3,Composition API)

发布于 2025-01-13 04:34:07 字数 286 浏览 3 评论 0原文

我目前正在探索单元测试和 Vue test utils。我有一个外部库(vue-toastification),当发生某些事情时它会显示一条 toast 消息。我想测试是否已显示此 toast,如果抛出错误。但问题是 toast 是在组件的范围之外渲染的(据我所知,在 App.vue 中),同时使用 .get 方法我们只能检索包装器的子组件。那么,如何在不安装整个应用程序的情况下访问这个 toast 组件呢?也许我应该以某种方式使用

I'm currently exploring unit testing and Vue test utils particularly. I have an external library (vue-toastification) that shows a toast message when something occurs. I'd like to test that this toast has been shown, if an Error was thrown. But the problem is that the toast is rendered outside component's scope (in App.vue, as far as I can see), meanwhile with .get method we can only retrieve child components of a wrapper. So, how can I access this toast component without mounting the whole application? Maybe I should somehow use <teleport>?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文