Javascript 包装器不会在setData上更新

我有一个简单的Vue.js单元测试，它使用

setData

设置组件的状态。然后，我测试数据是否显示。该组件是基于Typescript类的组件

description（“EditSite.vue”，（）=>{
它（“在加载时显示正确的数据”，async（）=>{
const wrapper=mountEditSite（editSiteHttpOkMockRequestHandler）；
wait wrapper.setData({
id:1，
表格：{
所有者：“埃米利娅”，
状态：“新”，
Fqdn:[新Fqdn（“www.emilia.us”）]
},
横幅：{
提交失败：错误，
提交成功：错误，
不完全形式：false
}
})
wait wrapper.vm.$nextTick（）
等待wrapper.vm.$forceUpdate（）
const owner=wrapper.find（#站点所有者输入）
expect（owner.text（））.toContain（“emilia”）
})
})

测试总是失败

expect(received).toContain(expected) // indexOf

    Expected substring: "emilia"
    Received string:    ""

      43 |         await wrapper.vm.$forceUpdate()
      44 |         const owner = wrapper.find("#site-owner-input")
    > 45 |         expect(owner.text()).toContain("emilia")
         |                              ^
      46 |     })
      47 | })
      48 | 

组件工作正常，我使用cypress测试和手动单击应用程序验证了这一点。

当您使用

.text（）

时，它会尝试检索HTML元素的内部文本。由于

不包含任何文本，因此它不会检索任何内容。因此，您应该使用

input.element.value