reactjs - 如何使用react+enzyme选择元素文本

Question

正如它所说的那样。一些示例代码:

let wrapper = shallow(<div><button class='btn btn-primary'>OK</button></div>);

const b = wrapper.find('.btn'); 

expect(b.text()).to.be.eql('OK'); // fail

还有html方法返回元素的内容，但也返回元素本身以及所有属性，例如它给出 <button class='btn btn-primary'>OK</button> 。所以我想，最坏的情况，我可以打电话html并对其进行正则表达式，但是...

有没有办法只获取元素的内容，以便我可以对其进行断言。

Answer 1

如果您在查找“包含文本”时发现了此内容，请尝试:

it('should show correct text', () => {
  const wrapper = shallow(<MyComponent />);
  expect(wrapper.text().includes('my text')).toBe(true);
});