在 Vue test utils 中获取同级组件(Vue 3,Composition API)
我目前正在探索单元测试和 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论