Javascript 在父元素中具有属性的vuejs测试组件

我正在使用vue test utils和Jest测试自定义组件。我的组件使用Vuetify组件，因此我需要使用

data-app

属性声明一个div，以便呈现菜单（如果我没有，我会得到以下错误：

wrapper = mount(MyComponent,  {
  propsData: {
    value: 1
}});

[Vuetify]无法定位目标[data app]

如果我的组件没有使用任何属性，我会这样做：

wrapper = mount(Vue.extend({
    template: `<div data-app="true"><MyComponent /></div>`,
}), {
    attachToDocument: true
});

const parent = {
    template: `<div data-app="true"><MyComponent /></div>`,
};

wrapper = mount(MyComponent,  {
    parentComponent: parent,
    propsData: {
        value: 1'
    }});

但它也不起作用

---

有什么方法可以测试我的组件吗？

我找到的解决方案不是使用

parentComponent

，而是定义一个临时组件进行测试。例如，如果我的组件有两个道具

prop1

和

prop2

wrapper = mount(Vue.extend({
    template: `<div data-app="true"><MyComponent :prop1=prop1 :prop2=prod2 /></div>`,
}), {
    attachToDocument: true,
    props: ['prop1', 'prop2'],
    propsData: ['value1', 'value2']
});

wrapper=mount（Vue.extend({
模板：``，
}), {
附件文档：正确，
道具：['prop1'，'prop2']，
propsData:['value1'，'value2']
});

您想将哪些属性传递给您的

MyComponent

？任何道具…在我的示例中，有一个道具名为“value”