When attempting to write tests using codecept.js, I am facing difficulties accessing the vuetify components.
<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>
I have included a v-ruid, which should be clickable with this command:
I.click('[data-ruid=defaultVideo]');However, when dealing with vuetify components, I keep receiving an error message stating: element not interactable
This issue arises because the data-ruid is applied to the surrounding div of the checkbox. How can direct access to the checkbox be achieved?