JEST：通过innerHTML选择一个HTML元素

Question

伙计们，我有一个React组件，在渲染时它具有以下HTML：

<button class="encryped-class__2TKgPzyme4 encryped-class__1ZnNbe3gTn">1</button>

这是一个分页按钮，我想模拟一次单击。选择此元素的方法很简单：

const wrapper = Enzyme.mount(<Component {...someDefaultProps} />);
wrapper.find("button.encryped-class__2TKgPzyme4")
    .first()
    .simulate("click");

我要选择的内部HTML值为1。

有没有办法做到这一点？如果没有，还有其他方法吗？

Answer 1

您可以尝试使用findWhere方法：

const wrapper = Enzyme.mount(<Component {...someDefaultProps} />);
wrapper.findWhere(x => x.text() === '1')
  .first()
  .simulate("click");