title: Test a form which used veevalidate on that form
body: <p>i using vee-validate version 3.0.11 for validate my form like below</p>
  
  <pre class="lang-html prettyprint-override"><code>           &lt;validation-observer v-slot="{ invalid }" slim&gt;
  
                &lt;validation-provider rules="required" v-slot="{ errors, dirty, invalid}" slim&gt;
                  &lt;div class="form-group"&gt;
                    &lt;label class="sr-only" for="txtUsername"&gt;&lt;/label&gt;
                    &lt;input
                      autocomplete="off"
                      id="txtUsername"
                      name="username"
                      type="text"
                      class="form-control txtUsername"
                      placeholder="Email or Username"
                      v-model="username"
                      v-bind:class="{ 'is-invalid': invalid &amp;&amp; dirty,'is-valid': !invalid }" /&gt;
  
  
                  &lt;/div&gt;
                &lt;/validation-provider&gt;
                &lt;validation-provider rules="required" v-slot="{ errors, dirty, invalid}" slim&gt;
                  &lt;div class="form-group"&gt;
                    &lt;label class="sr-only" for="txtPassword"&gt;&lt;/label&gt;
                    &lt;input
                      id="txtPassword"
                      name="password"
                      type="password"
                      class="form-control"
                      placeholder="Password"
                      v-model="password"
                      v-bind:class="{ 'is-invalid': invalid &amp;&amp; dirty,'is-valid': !invalid }" /&gt;
  
                  &lt;/div&gt;
                &lt;/validation-provider&gt;
  
                &lt;div &gt;
                  &lt;button
                    type="button"
                    name="login"
                    class="btn btn-primary"
                    v-on:click="doLogin()"
                    :disabled="invalid"&gt;
                    Login
                  &lt;/button&gt;
                &lt;/div&gt;
              &lt;/validation-observer&gt;
  </code></pre>
  
  <p>and i wrote some test with chai and mocha 
  in my test i need to find the button 
  but when i using find method for find button all html tag between <code>validation-observer</code> tag is not loaded in my wrapper. 
  my test code is:</p>
  
  <pre class="lang-js prettyprint-override"><code>// i change it to shallowMount to mount but problem is exist, 
  // mount does not render any thing between validation-observer tag
  const wrapper = mount(LoginView, { sync: false });
  
  describe('Login.vue', () =&gt; {
      it('some text, () =&gt; {
          console.log(wrapper.html());
          // my log include all of tag except tags between the validation-observer tag
      });
  });
  </code></pre>
  
  <p>can some one tell me how i can find my button by using warraper.find(), please? </p>