如何使用 props 传递 vuelidate 对象进行玩笑测试？

Question

我有几个组件，每个组件都有用 vuelidate 验证的字段。所有字段验证规则都在子组件的父组件包装器中描述，我传递对象：v =“$ v”，一切正常。但是在测试中，安装时，我收到错误，据我了解，因为安装时，我没有传递这个对象，请告诉我该怎么做？

父包装

   <template>
      <VModal>
        <template v-slot:content>
          <div class="layer">
            <institutes-info
                :v="$v"
                ref="info-component"
            />
    
    
          </div>
        </template>
      </VModal>
    </template>

export default {
  name: "WrapModalInstitutes",
  validations: {
    si: {
      name: {
        required,
        maxLength: maxLength(256),
      },
    },
  },
}

子组件

        <template>
      <form action="" id="form-info" @submit.prevent="uploadInfo($event, si.id)">
        <p class="sub-text">{{ $t("vnz.info") }}</p>
    
        <div class="institut-info">
    
          <div class="input-group" :class="{ 'form-group--error': v.si.name.$error, 'form-group--success': !v.si.name.$invalid }">
            <label for="name-institut">{{ $t("vnz.nameVNZ") }}</label>
            <div class="input-container">
              <input id="name-institut" name="title" type="text" :placeholder="$t('vnz.nameVNZ')" v-model.trim="name" @keydown="trimSpecialCharacters($event)" @input="trimSpecialCharacters($event, 'name')">
              <div class="error" v-if="!v.si.name.required && v.si.name.$dirty">{{ $t("vnz.notEmpty") }}</div>
            </div>
          </div>
    
        </div>
    
        <button v-if="edit" type="submit" class="btn-primary edit" :disabled="submitStatus === 'PENDING'">{{ $t("vnz.save") }}</button>
      </form>
    </template>

export default {
  name: "InstitutesInfoModal",
  props: ['v'],
}

测试文件

    import Vuex from "vuex"
import {mount, createLocalVue, config} from "@vue/test-utils"
import InstitutesInfo from '../../assets/src/components/InstitutesInfo'
import Vuelidate from 'vuelidate'
import VueTheMask from 'vue-the-mask'
import translations from "../../assets/src/common-resources/translations/translations"
import fetchMock from 'jest-fetch-mock'

const locale = "uk";
config.mocks["$t"] = msg => translations[locale][msg]
fetchMock.enableMocks()

const localVue = createLocalVue()
localVue.use(Vuex)
localVue.use(Vuelidate)
localVue.use(VueTheMask)

describe('testing institute-info component', () => {
    let store;
    let mutations;
    let actions;
    beforeEach(() => {
        mutations = {
            'institutes/EDIT_SI_OBJ': jest.fn(),
            'institutes/SUBMIT_STATUS': jest.fn()
        }
        actions = {
            'institutes/UPLOAD_INFO': jest.fn()
        }
        store = new Vuex.Store({
            modules: {
                institutes: {
                    state: {
                        si: {
                            name: null,
                        },
                        submitStatus: null
                    },
                    mutations,
                    actions
                }
            }
        })
    })
    test('some test"',() => {
        const wrapper = mount(InstitutesInfo, {
            store, localVue
        })
    })
})

[Vue warn]：渲染错误：“TypeError：无法读取未定义的属性'si' ”