title: How to use vue-select with cypress
body: <p>Using cypress in @vue/cli 4.0.5 app I faced a problem how to fill vue-select component</p>
  
  <p>Searching in net I found this 
  <a href="https://stackoverflow.com/questions/58298675/how-to-find-element-and-select-by-cypress-io-with-vue-js-v-select?noredirect=1&amp;lq=1">How to find element and select by cypress.io with vue.js v-select?</a>
  branch, but the way proposed here does not work.</p>
  
  <p>Having component defind :</p>
  
  <pre><code>&lt;v-select
          v-model="selection_parent_id"
          label="label"
          :options="categoriesLabels"
          id="parent_id"
          name="parent_id"
          class="form-control admin_control_input editable_field"
          placeholder="Select option"
          data-cy='select-input'
  &gt;&lt;/v-select&gt;
  </code></pre>
  
  <p>I tried to add line in cypress test :</p>
  
  <pre><code>cy.get('[data-cy=select-input]').select('1')
  </code></pre>
  
  <p>and got error :</p>
  
  <pre><code>CypressError: cy.select() can only be called on a &lt;select&gt;. Your subject is a: &lt;div dir="auto" class="v-select form-control admin_control_input editable_field vs--single vs--searchable" id="parent_id" name="parent_id" data-cy="select-input"&gt;...&lt;/div&gt;
  "vue": "^2.6.10",
  "vue-select": "^3.2.0",
  
  "@vue/cli-plugin-e2e-cypress": "~4.2.0",
  "@vue/cli-plugin-router": "^4.0.0",
  "@vue/cli-plugin-vuex": "^4.0.0",
  "@vue/cli-service": "^4.0.0",
  "bootstrap": "^4.3.1",
  "faker": "^4.1.0",
  "jquery": "^3.4.1",
  </code></pre>
  
  <p>Is there is a valid way ?</p>
  
  <p>Thanks!</p>