我想编写一些测试,例如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]');
但是要确保组件可靠,我总是收到错误消息:element not interactable
这是因为data-ruid
已添加到复选框周围的div中。如何直接访问该复选框?
提前打个招呼!
答案 0 :(得分:0)
您可以使用CSS选择器在其中获取input
dom元素。
此选择器应起作用:
'[data-ruid=defaultVideo] input'
编辑:
如果是v-checkbox
,您也可以单击标签。
选择器为:
'[data-ruid=defaultVideo] label'