Добавление реквизита к найденным компонентам бросает смонтированную оболочку
У меня есть форма, которая содержит повторно используемый компонент селектора, подобный этому
<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 ???
});
Может ли кто-нибудь помочь мне установить реквизиты в компоненты в смонтированном компоненте-оболочке?