问如何测试来自NextJS useRouter的路由器推送？

EN

const BottomNavigation = () => { 
const router = useRouter();
    return (
     <div>
         <button test-id="searchIcon" onClick={()=>{router.push('/search')}}>Go</button>
     </div>
  )
  }

jest.mock('next/router', () => ({
    __esModule: true,
    useRouter: jest.fn()
  }))

  nextRouter.useRouter = jest.fn();
nextRouter.useRouter.mockImplementation(() => ({ route: '/search' }));

describe("The Bottom Navigation redirect to the page:", () => {
    it('Search', () => {
        const router = createMockRouter()
        render(
            <RouterContext.Provider value={router}>
                 <BottomNavigation />
            </RouterContext.Provider>
        );
        const searchButton = screen.getByTestId('searchIcon');
            fireEvent.click(searchButton);
            expect(router.push).toHaveBeenCalledWith('/search')
    })
})

 export function createMockRouter(router?: Partial<NextRouter>): NextRouter {
        return {
          basePath: '',
          pathname: '/',
          route: '/',
          query: {},
          asPath: '/',
          back: jest.fn(),
          beforePopState: jest.fn(),
          prefetch: jest.fn(),
          push: jest.fn(),
          reload: jest.fn(),
          replace: jest.fn(),
          events: {
            on: jest.fn(),
            off: jest.fn(),
            emit: jest.fn(),
          },
          isFallback: false,
          isLocaleDomain: false,
          isReady: true,
          defaultLocale: 'en',
          domainLocales: [],
          isPreview: false,
          ...router,
        };
      }