Question

我想编写一些测试，例如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

Answer 1

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

此选择器应起作用：

'[data-ruid=defaultVideo] input'

编辑：

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

选择器为：

'[data-ruid=defaultVideo] label'

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

1 个答案: