Как проверить Router.push с помощью Jest / React

Question

Я все еще новичок в модульных тестах, и я изо всех сил пытаюсь понять, как я могу проверить / смоделировать пуш с маршрутизатора,

<Tab label="Members" alt="Members" onClick={() => Router.push('/members')}/>

приведенная выше строка - это то, что мне нужно проверить, но как я могу?создать поддельную конечную точку и затем протестировать onClick?

Answer 1

Проще всего было бы смоделировать роутер следующим образом

import Router from 'next/router'
jest.mock('next/router', ()=> ({push: jest.fn()}))

после имитации нажатия на Tab вы можете проверить вызов на этот

expect(Router.push).toHaveBeenCalledWith('/members')