小编El *_*men的帖子

我有这个组件，我想使用 Jest 和 React 测试库进行测试：

export function GenericDivider({ stepsHeader = [], componentsFactory = [] }) {
   const [currentPage, changePage] = useState(0);
   const Component = componentsFactory[currentPage] || (() => <></>);

   return (
    <div className="container page__container">
          ...
                 <a
                   href="#"
                   key={name}
                   onClick={e => {
                     e.preventDefault();
                     if (index < componentsFactory.length) changePage(index);
                   }}
                   className={`nav-link ${currentPage === index && 'active'}`}
                 >
                   {name}
                 </a>
          ...
    </div>
   );
}

export default memo(GenericDivider);

我想测试当我点击时是否调用了 changePage，有没有办法使用 Jest 和 React 测试库来做到这一点？

我是测试新手，我试过这个，但它似乎不起作用

it('Should call changePage when button clicked', () => { …