Как получить доступ к vuetify-компоненту с помощью codeceptjs - PullRequest
Новая
       25

Как получить доступ к vuetify-компоненту с помощью codeceptjs

0 голосов
/ 09 мая 2019

Я хотел бы написать несколько тестов с 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 вокруг флажка.Как я могу получить доступ к флажку напрямую?

Заранее благодарен!

введите описание изображения здесь

1 Ответ

0 голосов
/ 09 мая 2019

Вы можете использовать CSS Selector, чтобы получить input элемент dom внутри.

Этот селектор должен работать: 

'[data-ruid=defaultVideo] input'

Edit:

Также в случае v-checkbox вы также можете нажать на ярлык.

Селектор: 

'[data-ruid=defaultVideo] label'
...