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");

我想用innerHTML值选择它1。

有办法吗？如果没有，是否有其他方法可以做到这一点？

Answer 1

您可以尝试findWhere方法：

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