title: Jest Unit Test: wrapper.vm.$refs.editForm.validate is not a function
body: <p>When I write test case for form submit, i m getting issue with 1<code>wrapper.vm.$refs.editForm.validate is not a function</code></p>
  <p>I am unable to figure out the problem.. please Help me.</p>
  <p><code>  &quot;@vue/cli-plugin-babel&quot;: &quot;^3.11.0&quot;, &quot;@vue/cli-plugin-eslint&quot;: &quot;^3.11.0&quot;, &quot;@vue/cli-plugin-pwa&quot;: &quot;^3.11.0&quot;, &quot;@vue/cli-plugin-unit-jest&quot;: &quot;^3.11.0&quot;, &quot;@vue/cli-service&quot;: &quot;^3.11.0&quot;, &quot;@vue/eslint-config-prettier&quot;: &quot;^5.0.0&quot;, &quot;@vue/test-utils&quot;: &quot;^1.0.0-beta.29&quot;, &quot;babel-core&quot;: &quot;^7.0.0-bridge.0&quot;, &quot;babel-eslint&quot;: &quot;^10.0.1&quot;, &quot;babel-jest&quot;: &quot;^23.6.0&quot;</code></p>
  <p>==== EditProperty.vue======</p>
  <pre class="lang-js prettyprint-override"><code>&lt;v-form ref=&quot;editForm&quot; lazy-validation&gt;
      &lt;v-flex&gt;
        &lt;v-text-field label=&quot;Label Text&quot; v-model=&quot;labelName&quot; :rules=&quot;[v =&gt; !!v || 'Label Text is required']&quot;
          
        /&gt;
      &lt;/v-flex&gt;
  &lt;/v-form&gt;
  &lt;script&gt;
  export default {
    data() {
      return {
        labelName: ''
      }
    },
    methods: {
      save() {
        if (this.$refs.editForm.validate()) {
          this.$emit('updateLable', this.labelName)
        }
      }
    }
  }
  &lt;/script&gt;
  
  ======EditProperty.spec.js =====
  
  import { shallowMount, createLocalVue } from '@vue/test-utils'
  import EditProperty from '@/components/EditProperty.vue'
  import Vuetify from 'vuetify'
  const localVue = createLocalVue()
  localVue.use(Vuetify)
  let wrapper
  describe('EditProperty.vue', () =&gt; {
    beforeEach(() =&gt; {
      wrapper = shallowMount(EditProperty, {
        localVue,
        data() {
          return {
            labelName: 'Username'
          }
        }
      })
    })
    
    it('should save called correctly', () =&gt; {
      wrapper.vm.save()
    })
  })
  </code></pre>
  <p>expected =&gt;  test should be pass</p>
  <p>getting =&gt; <code>wrapper.vm.$refs.editForm.validate is not a function</code></p>
  <p>When I write test case for form submit, i m getting issue with 1<code>wrapper.vm.$refs.editForm.validate is not a function</code></p>
  <p>I am unable to figure out the problem.. please Help me.</p>