开玩笑的nextjs：您应该只使用“ Next/Router”在您应用的客户端

Question

我正在嘲笑next/router在我的嘲笑+react-testing-libray测试中的依赖项，就像我往常一样：

import * as nextRouter from 'next/router';

export const routerData = {
  pathname: '/users/create',
  route: '/users/create',
  query: { },
  asPath: '/users/create',
  isFallback: false,
  basePath: '',
  isReady: true,
  isPreview: false,
  isLocaleDomain: false,
  events: {},
};

// mock router
jest.mock('next/router');
nextRouter.useRouter.mockImplementation(() => (routerData));

describe('a component that requires next/router, () => ... );

它已经正常工作，但是在更新到nextjs 12.2.0 我得到了此警告：

找不到路由器实例。 您只能在应用程序的客户端使用“ Next/Router”。

此警告使我所有的测试与嘲笑的路由器失败。

解决这个问题？

Answer 1

好吧，看来这与12.2.0无关。不知何故，我的下一个版本的下一个 - 12.0.0 - 不是抛出此错误，但其他较旧版本也没有。

感谢 bistacos 响应。

const useRouter = jest.spyOn(require('next/router'), 'useRouter');
useRouter.mockImplementation(() => ({
  pathname: '/',
  ...moreRouterData
}));