Config for using Jest in a TypeScript + Webpack project

fileMock.js

module.exports = 'test-file-stub'

package.json

{
  "jest": {
    "moduleFileExtensions": [
      "ts",
      "tsx"
    ],
    "moduleNameMapper": {
      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": 
      "<rootDir>/fileMock.js",
      "\\.(css|scss|less)$": "<rootDir>/styleMock.js"
    },
    "transform": {
      "^.+\\.(ts|tsx)$": "<rootDir>/transform.js"
    }
  }
}

styleMock.js

module.exports = {}

transform.js

const tsc = require('typescript')
const tsConfig = require('tsconfig.json')

module.exports = {
  process(src, path) {
    if (path.endsWith('.ts') || path.endsWith('.tsx')) {
      return tsc.transpile(
        src,
        tsConfig.compilerOptions,
        path,
        []
      )
    }

    return src
  },
}