如何使用 `@vue/test-utils` 设置属性并在 HTML 中显示它们？

Question

我已经在一个沙盒中运行了我的代码，并且现在我正在尝试编写测试。然而，当我这样做时...

test("Hello World", async () => {
  let list = [
    {
      name: "foo"
    }
  ];
  var data = {
    list
  };
  const wrapper = mount(MyComponent, data);
  await wrapper.vm.$nextTick();
  expect(wrapper.html()).toContain("foo");
  expect(wrapper.html()).not.toContain("bar");
  list.push({
    name: "bar"
  });
  await wrapper.setProps({ list });
  await wrapper.vm.$nextTick();
  expect(wrapper.html()).toContain("foo");
  expect(wrapper.html()).toContain("bar");
});

然而，expect(wrapper.html()).toContain("bar");失败了，因为它无法找到文本。我可以看到使用setTimeout时有效，所以我不确定我正在错过什么。

如何查看属性更改的 HTML？