title: How to access vuetify-component with codeceptjs
body: <p>I'd like to write some tests witch codecept.js but I'm not able to access the vuetify components. </p>
  
  <pre><code>    &lt;v-layout&gt;
        &lt;v-flex xs7&gt;
          &lt;v-text-field
            ref="video1min"
            v-model="video1min"
            :rules="[rules.required, rules.youtubeVideo]"
            clearable
            class="pt-0"
            placeholder="Youtube Link"
          /&gt;
        &lt;/v-flex&gt;
        &lt;v-flex xs5&gt;
          &lt;v-checkbox
            v-model="defaultVideo"
            v-ruid="'defaultVideo'"
            label="Default Video"
            color="primary"
            class="default-video"
            @change="setDefaultVideo"
          /&gt;
        &lt;/v-flex&gt;
      &lt;/v-layout&gt;
  </code></pre>
  
  <p>I added an <code>v-ruid</code> which normally can be clicked like that: </p>
  
  <p><code>I.click('[data-ruid=defaultVideo]');</code></p>
  
  <p>But witch the vuetify components, I always got that error message: <code>element not interactable</code></p>
  
  <p>It's because the <code>data-ruid</code> is added to div around the checkbox. How can I access the checkbox directly?</p>
  
  <p><img src="https://i.stack.imgur.com/N9NRS.png" alt="enter image description here"></p>