mocha.js - 使用 vue 3 和 vue 测试工具在测试中引用本机 UI 元素,而不向 UI 元素添加属性
问题描述
问题:如何在 vue 3 和 vue test utils 中引用原生 UI 元素而不向该 UI 元素添加额外的属性?
在使用vue 3和vue test utils测试 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.
解决方案
推荐阅读
- cuda - CUDA 异步内存复制 - 哪个硬件设备执行内存复制操作?
- node.js - Heroku /bin/sh: 1: g++: 未找到
- java - bluetoothAdapter.startDiscovery() 没有返回任何内容,或者 Android 中未调用 BroadcastReceiver 接收器
- excel - Excel Cube 函数 Power Pivot 模型
- python - urllib.request.urlopen 对某些 URL 成功,对其他 URL 超时
- reactjs - php 会话随每个请求而变化
- javascript - 这里需要 eval 函数吗?
- r - R使用tidyverse用其他值的总和填充缺失值
- slider - 当宽度增加时约束恢复到原始位置
- laravel - 在 Laravel 中使用背包时调用成员函数 hasAccessOrFail() 时出现空错误