How to test Router.push with Jest/React

Question

Im still new to unit tests and im struggling to understand how i could test/mock a push from a router,

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

the above line is what i need to test but how could i? would i create a fake end point and then test the onClick?

Answer 1

The easiest thing would be to mock the router like this

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

after simulate the click on Tab you can check for the call like this

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