Testing a GraphQL Next.js App with TypeScript and Apollo

jest.config.js

module.exports = {
  setupFiles: ['<rootDir>/jest.setup.js'],
  testPathIgnorePatterns: ['<rootDir>/.next/', '<rootDir>/node_modules/'],
  transform: {
    "^.+\\.tsx?$": "ts-jest",
  },
  testRegex: "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
  collectCoverageFrom: [
    "**/*.{js,jsx,ts,tsx}",
    "!**/_app.tsx",
    "!**/_document.tsx",
    "!**/node_modules/**",
    "!**/.next/**",
    "!**/coverage/**"
  ],
  moduleFileExtensions: [
    "ts",
    "tsx",
    "js",
    "jsx",
    "json",
    "node"
  ],
  moduleNameMapper: {
    "\\.(css|less)$": "<rootDir>/__mocks__/styleMock.ts",
  },
  globals: {
    "ts-jest": {
      useBabelRc: true,
      tsConfigFile: "tsconfig.jest.json"
    }
  },
}

jest.setup.js

const enzyme = require('enzyme');
const Adapter = require('enzyme-adapter-react-16');
const config = require('./next.config');
const nextConfig = require('next/config');

enzyme.configure({ adapter: new Adapter() });
nextConfig.setConfig({
  publicRuntimeConfig: {
    IMAGE_SERVER_URL: 'http://images.foo.bar',
    IMAGE_PROCESSOR_URL: 'https://processor.foo.bar',
  },
});