Using next-router-mock with class based components about next-router-mock

[kiuka]

@scottrippey thank you for your quick answer and to taking care of it! Meanwhile I have sort of copied the code from next/router to make it work, it looks like this now, maybe it can help you as well (probably much less code without types:) ):

jest.mock('next/router', () => {
  const router = require('next-router-mock')

  return {
    __esModule: true,
    default: router,
    withRouter<P extends WithRouterProps, C = NextPageContext>(
      ComposedComponent: NextComponentType<C, any, P>
    ): React.ComponentType<ExcludeRouterProps<P>> {
      function WithRouterWrapper(props: any): JSX.Element {
        return <ComposedComponent router={router.useRouter()} {...props} />
      }

      WithRouterWrapper.getInitialProps = ComposedComponent.getInitialProps
      // This is needed to allow checking for custom getInitialProps in _app
      ;(WithRouterWrapper as any).origGetInitialProps = (
        ComposedComponent as any
      ).origGetInitialProps
      if (process.env.NODE_ENV !== 'production') {
        const name = ComposedComponent.displayName || ComposedComponent.name || 'Unknown'
        WithRouterWrapper.displayName = `withRouter(${name})`
      }

      return WithRouterWrapper
    },
  }
})

[scottrippey]

You're correct, I have not implemented the withRouter method. However, I do think it would be pretty trivial to implement this, so I'll give it a shot :)
Thank you for the example use-case!

[scottrippey]

Implemented in #20 👍

[scottrippey]

Fixed in 0.5.2

[kiuka]

You are the best, thank you very much!!