如何使用 wrapper.find 查找 div' div 元素的文本

Question

我正在尝试编写酶测试并想访问以下div的文本。

<div className="toolbar__contentInformation">
   <div className="text smallfont ellipsis">Alex</div>
   <div className="text smallfont ellipsis">12</div>
</div>

test.js

  let component = React.createElement(App});
  let wrapper = enzyme.enzyme.mount(component);
  let val = wrapper.find('div.toolbar__contentInformation') //how to access text = Alex ???

Answer 1

有几种方法可以实现您的目标。

let val = wrapper.find('div.toolbar__contentInformation').chidlren();

expect(wrapper.find('div.toolbar__contentInformation').childAt(0).text()).to.equal('Alex');
expect(wrapper.find('div.toolbar__contentInformation').childAt(1).text()).to.equal('12');

或者你可以直接参考children使用这个函数at():

expect(wrapper.find('.text.smallfont.ellipsis').at(0).text()).to.equal('Alex');
expect(wrapper.find('.text.smallfont.ellipsis').at(1).text()).to.equal('12');

或使用函数first and last()

expect(wrapper.find('.text.smallfont.ellipsis').first().text()).to.equal('Alex');
expect(wrapper.find('.text.smallfont.ellipsis').last().text()).to.equal('12');

或者，您可以简单地参考：

wrapper.find('div.toolbar__contentInformation')[index]

如何使用 wrapper.find 查找 div' div 元素的文本

how to use wrapper.find to find the text of div' div element

javascript

reactjs

jestjs

enzyme

react-hooks