如何使用Codecept.js访问vuetify-Component

时间:2019-05-09 11:31:02

标签: javascript testing selenium-webdriver vuetify.js codeceptjs

我想编写一些测试,例如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中。如何直接访问该复选框?

提前打个招呼!

enter image description here

1 个答案:

答案 0 :(得分:0)

您可以使用CSS选择器在其中获取input dom元素。

此选择器应起作用:

'[data-ruid=defaultVideo] input'

编辑:

如果是v-checkbox,您也可以单击标签。

选择器为:

'[data-ruid=defaultVideo] label'