title: How to test value of vue.js v-select component
body: <p>I have a form setup using vue.js and <code>v-select</code> for a currency dropdown. I'm attempting to create a unit test to make sure the current value of the v-select is set to the computed value <code>price_currency</code></p>
  
  <p>Here is the vue code for the selector</p>
  
  <pre><code>&lt;v-select
   name="price_currency"
   :value="price_currency"
   @input="value =&gt; this.updateValue('price_currency', value)"
   :options="currencies"
   v-validate="validate.select"
   :selectOnTab="true"&gt;
  &lt;/v-select&gt;
  </code></pre>
  
  <p>the <code>:value</code> is set to <code>price_currency</code> which is a computed value. In the unit tests, I can use the find method on the <code>v-select</code> which will return the element, but because it's a vue component and not an actual <code>&lt;select&gt;</code> the <code>value</code> element is not set, which means I can't test for it. </p>
  
  <p>How can I write a unit test for the above <code>v-select</code> which will confirm that the field is set to the computed value of <code>price_currency</code>? Additionally, I want to test that when <code>price_currency</code> is updated so is the value on the v-select, but likely once I see an example of testing the value the rest will fall into place.</p>
  
  <p>This seems like a fairly simple test, but I can't find anywhere in the documentation or online a good example of how this can be done. </p>
  
  <p>For my unit tests, I am using VueTestUtils and Jest. </p>