Как я могу имитировать событие щелчка с ферментом?

Question

Я хотел бы смоделировать нажатие на кнопку, которая устанавливает currentPageIndex в currentPageIndex - 1 и соответствует предыдущему состоянию текущему состоянию. Метод имитации не работает.

it("sets state when previous button clicked", () => {
      const randomProps = randomPaginationProps();
      const wrapper = setup(Pagination, randomProps);
      const componentState = wrapper.state();
      const prevButton = findByTestAttribute(wrapper, "prev");
      console.log(componentState.currentPageIndex);
      prevButton.simulate("click");
      // outputs the same currentPageIndex as above console.log
      console.log(componentState.currentPageIndex);
    });

//helper methods in different file
export const setup = (Component, props = {}, state = null) => {
  const wrapper = shallow(<Component {...props} />);
  if (state) wrapper.setState(state);
  return wrapper;
};

export const findByTestAttribute = (wrapper, val) => {
  return wrapper.find(`[data-test="${val}"]`);
};
// return method of rendered component
return (
      <div data-test="pagination" className="pagination">
        <button
          data-test="prev"
          className="change-page-btn"
          onClick={() => this.changePageButtonHandler("prev")}
          disabled={currentPageIndex === 0}
        >
          Prev
        </button>
        {pagination}
        <button
          data-test="next"
          className="change-page-btn"
          onClick={() => this.changePageButtonHandler("next")}
          disabled={currentPageIndex === pages.length - 1}
        >
          Next
        </button>
      </div>
    );
  }
}

Когда console.log(prevButton.debug()), отображается вывод ниже. Так что кнопка есть, так сказать.

 <button data-test="prev" className="change-page-btn" onClick={[Function: onClick]} disabled={false}>
      Prev
    </button>

---

Имитировать события на узле root в оболочке. Это должна быть одноузловая оболочка.

Это то, что говорят документы. Может быть, я что-то здесь упускаю.

Answer 1

Попробуйте:

prevButton.prop("onClick")();