在使用 Vuetify 组件的 Vue3 测试中传递组件 props 的正确方法是什么?

问题描述 投票:0回答:1
javascript vue.js vuejs3 vuetify.js vue-test-utils
1个回答
0
投票

您可以创建一个 Vuetify 实例:

const vuetify = createVuetify()

并使用 mount 和 global.plugins 来正确集成 Vuetify;

const wrapper = mount(VApp, { 
    global: {
      plugins: [vuetify],
    },
    slots: {
      default: () => h(CompanyBioPanel, { companyData }) // Correctly passing props
    } 
  })

然后,如果您等待下一次 DOM 更新,这将确保在做出断言之前已处理所有异步更新。 :

await wrapper.vm.$nextTick();

这应该正确地传递道具

© www.soinside.com 2019 - 2024. All rights reserved.