Добавление реквизита к найденным компонентам бросает смонтированную оболочку

У меня есть форма, которая содержит повторно используемый компонент селектора, подобный этому

      <template>
  <div class="channelDetail" data-test="channelDetail">
    <div class="row">
      <BaseTypography class="label">{{ t('channel.detail.service') }}</BaseTypography>
      <BaseSelector
        v-model="serviceId"
        data-test="serviceInput"
        class="content"
        :option="servicePicker.data?.data"
        :class="serviceIdErrorMessage && 'input-error'"
      />
    </div>
    <div class="row">
      <BaseTypography class="label">{{ t('channel.detail.title') }}</BaseTypography>
      <BaseInput v-model="title" data-test="titleInput" class="content" :class="titleErrorMessage && 'input-error'" />
     </div>
   </div>
</template>

Я собираюсь протестировать эту форму с помощью vue-test-utils и vitest . Мне нужно установить опции из скрипта в селектор. На мой взгляд, это должно работать, но не

      it('test', async () => {
  const wrapper=mount(MyForm,{})
  wrapper.findComponent(BaseSelector).setProps({option:[...some options]})
   ---or
  wrapper.find('[data-test="serviceInput"]').setProps({option:[...some options]})
   ---or ???
});

Может ли кто-нибудь помочь мне установить реквизиты в компоненты в смонтированном компоненте-оболочке?

0 ответов

Другие вопросы по тегам