javascript - 如何使用 codeceptjs 访问 vuetify-component
问题描述
我想用 codecept.js 编写一些测试,但我无法访问 vuetify 组件。
<v-layout>
<v-flex xs7>
<v-text-field
ref="video1min"
v-model="video1min"
:rules="[rules.required, rules.youtubeVideo]"
clearable
class="pt-0"
placeholder="Youtube Link"
/>
</v-flex>
<v-flex xs5>
<v-checkbox
v-model="defaultVideo"
v-ruid="'defaultVideo'"
label="Default Video"
color="primary"
class="default-video"
@change="setDefaultVideo"
/>
</v-flex>
</v-layout>
我添加了一个v-ruid
通常可以像这样单击的:
I.click('[data-ruid=defaultVideo]');
但是使用 vuetify 组件,我总是收到该错误消息:element not interactable
这是因为data-ruid
被添加到复选框周围的 div 中。如何直接访问复选框?
解决方案
您可以使用 CSS 选择器来获取input
内部的 dom 元素。
这个选择器应该可以工作:
'[data-ruid=defaultVideo] input'
编辑:
如果v-checkbox
你也可以点击标签。
选择器是:
'[data-ruid=defaultVideo] label'
推荐阅读
- git - 如何禁用 Jenkins 结帐和 git 插件 SSL 验证?
- python - ValueError:无法将字符串转换为浮点数:(python)
- python - 按排序顺序处理文件
- kotlin - 在 kotlin 中,这种语法是什么:“fun ClassName.funcName(): (Type ) -> Type = {fun body}”
- java - 如何获得时间在 Android 中加载视频
- apache-iotdb - 无法在 Apache IoTDB 单元测试中删除 TsFile
- c# - Serilog:将不同的数据记录到不同的地方
- python - 使用 boto3 有条件地将项目插入到 dynamodb 表中错误属性名称是保留关键字
- python-3.x - 使用 OpenCV 文本检测的图像偏移校正
- node.js - 未处理的错误。(错误:无法在当前环境中检测到项目 ID