"Setting up Jest and Enzyme for Typescript Next.js apps" post gists

jest.config[2].js

module.exports = {
  "testEnvironment": "node",
  "roots": [
    "<rootDir>/components"
  ],
  "preset": 'ts-jest',
  "setupFilesAfterEnv": ["<rootDir>/tests/setupTests.ts"],
  "transform": {
    "^.+\\.tsx?$": "ts-jest"
  },
  "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$",
  "moduleFileExtensions": [
    "ts",
    "tsx",
    "js",
    "jsx",
    "json",
    "node"
  ],
  "testPathIgnorePatterns": ["<rootDir>/.next/", "<rootDir>/node_modules/"],
  "snapshotSerializers": ["enzyme-to-json/serializer"],

  // https://github.com/zeit/next.js/issues/8663#issue-490553899
  "globals": {
    // we must specify a custom tsconfig for tests because we need the typescript transform
    // to transform jsx into js rather than leaving it jsx such as the next build requires. you
    // can see this setting in tsconfig.jest.json -> "jsx": "react"
    "ts-jest": {
      "tsConfig": "<rootDir>/tsconfig.jest.json"
    }
  }
}