title: Using cypress with vuetify
body: <p>I have a Vue.js project (Nuxt.js) and as UI I use the Vuetify. 
  For e2e testing I use the Cypress. </p>
  
  <p>Below is my scenarios of test in Cypress:</p>
  
  <p>I have a problem while creating test for page where I use v-autocomplete component. 
  The problem is that I can't use Vuetify native classes to get the element I want to test.
  below is an example with data-cy selector</p>
  
  <pre><code>   &lt;v-autocomplete
        v-model="model"
        :items="items"
        item-text="Description"
        item-value="API"
        label="Public APIs"
        placeholder="Start typing to Search"
        data-cy="autocomplete"
      &gt;&lt;/v-autocomplete&gt; 
  </code></pre>
  
  <p>I type some text into search input. 
  Then in v-autocomplete have been found search results. 
  And example of one of there is below: </p>
  
  <pre><code>...
      &lt;div&gt;
         &lt;a class="v-list__tile v-list__tile--link theme--light"&gt;
           &lt;div class="v-list__tile__content"&gt;
           &lt;div class="v-list__tile__title"&gt;Result item
             &lt;span class="v-list__tile__mask"&gt;result item&lt;/span&gt;
           &lt;/div&gt;
           &lt;/div&gt;
         &lt;/a&gt;
     &lt;/div&gt;
  ...
  </code></pre>
  
  <p>Then I want select one of search items by clicking to one of found results.
  And for that I should to use native classes of Vuetify, but it is not have stability (<code>.v-list__tile--link</code> class сan be renamed by developers).
  How I can add data-cy selector into result search html item? 
  Maybe who know any another way to resolve this problem?</p>