title: how to mock this.$refs.form.resetValidation()?
body: <p>component1.vue</p>
  
  <pre><code> &lt;template&gt;
      &lt;div&gt;
          &lt;v-form
          ref="form"&gt;
              &lt;v-text-field
                  v-model="name"
                  :counter="10"
                  :rules="nameRules"
                  label="Name"
                  required
              &gt;&lt;/v-text-field&gt;
          &lt;/v-form&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      data: () =&gt; ({
        name: 'Test',
        nameRules: [
          v =&gt; !!v || 'Name is required',
          v =&gt; (v &amp;&amp; v.length &lt;= 10) || 'Name must be less than 10 characters',
        ]
      }),
  
      mounted() {
          this.$refs.form.resetValidation();
      }
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>test.spec.js</p>
  
  <pre><code>import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
  import Vuex from "vuex"
  import Vuetify from 'vuetify'
  import component1 from '@/components/component1.vue'
  
  const localVue = createLocalVue()
  localVue.use(Vuex)
  localVue.use(Vuetify)
  const vuetify = new Vuetify()
  
  test('test1', () =&gt; {
      const wrapper = shallowMount(component1, {
          localVue,
          vuetify
      })
      expect(3).toBe(3);
  })
  
  </code></pre>
  
  <p>Error - TypeError: this.$refs.form.resetValidation is not a function</p>
  
  <p>If i were to use mount instead of shallowMount, the test will pass. But I would want to know how to mock $ref.form.resetValidation.</p>