测试 material-ui 按钮文本

Question

我有一个 Material UI 按钮，并且我想编写一个测试来检查它是否呈现了正确的文本。我尝试过：

expect(wrapper.find('.btn-class').text()).toBe('Next')

但它失败了，显示：

Expected: "Next" 
Received: "<Button />"

- digiwebguy

---

你尝试过使用.value()而不是.text()吗？ - Eugene Ihnatsyeu

@Eugene 那个方法不起作用。 - digiwebguy

Answer 1

expect(wrapper.find(".btn-class").prop("children")).toEqual("Next");

预期wrapper对象中找到的class为"btn-class"的元素的子节点文本内容为"Next"。

尽量避免渲染。

- ladhari

Answer 2

这是我想出来的解决方案。

expect(wrapper.find('.btn-class').render().text()).toBe('Next')

- digiwebguy