如何解决使用 vue 3 和 vue 测试工具在测试中引用原生 UI 元素,而不向 UI 元素添加属性
问题:如何在不向该 UI 元素添加额外属性的情况下引用 vue 3 和 vue 测试工具中的原生 UI 元素?
在使用 vue 3 和 vue 测试工具 测试 vue 组件时,我注意到并没有一种真正优雅的方式来查找 UI 元素。从 Vue 3 开始,Vue Test Utils 不再提供在原生 UI 元素(例如按钮)上使用 ref 属性的方法。
我知道这些解决方案:
<button data-test="button" ></button> or <button class="button"> </button>
但是仅仅为了测试组件而向组件添加额外的属性或类并不是一个解决方案。此外,测试抛出的错误也不是很具有描述性。例如在测试事件 Error: Cannot call trigger on an empty DOMWrapper.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。