JEST: выберите элемент HTML через innerHTML

Question

Ребята, у меня есть React Component, который при рендеринге имеет следующий 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");