Unit testing Jest[vue test utils]：名称已弃用，将在下一个主要版本中删除

我正在Vue中编写Jest测试文件，并收到以下警告：

[vue测试utils]：名称已弃用，将在下一个主要版本中删除。

（）

我的测试应该检查是否呈现了某些属性：

describe("Stock", () => {
  it("should render correct symbol, name and quantity", () => {
    const stock = {
      name: "Apple",
      price: 220,
      quantity: 5
    };
    const wrapper = mount(Stock, {
      propsData: {
        stock
      }
    });
    const name = wrapper.find("[data-testid='stock-name']");
    expect(name.text()).toEqual(stock.name);
  });
})

我的HTML：

<h3 class="card-title">
  <span data-testid="stock-name">
     {{ stock.name }}
  </span>
</h3>

{{stock.name}

---

如何解决此警告？或者，测试某个元素是否包含某个道具的另一种方法是什么？

对于您的确切用法，您可以使用：

---

文档还没有更新。我找到并打开了一份公关，来自：

name

---

断言

name

会鼓励测试实现细节，这是一种糟糕的做法。但是，如果需要此功能，可以对Vue组件使用

vm.$options.name

，对DOM节点使用

element.tagName

。再次考虑，如果你真的需要这个测试-很可能你没有。

我认为这是一个假阳性；您的代码似乎没有使用name方法。

import { mount } from '@vue/test-utils'
import Foo from './Foo.vue'

const wrapper = mount(Foo, {
  propsData: {
    bar: 'baz'
  }
})
expect(wrapper.props().bar).toBe('baz')
expect(wrapper.props('bar')).toBe('baz')