ng jest

angular.json

{
  "test": {
    "builder": "@angular-builders/jest:run",
      "options": {
        "coverage": true,
        "no-cache": true
       }
   }
}

deps.sh

@angular-builders/jest
@types/jest
jest
jest-localstorage-mock

jest.config.js

module.exports = {
  "collectCoverageFrom": [
    "src/**/*.{js,ts}",
    "!src/public-api.ts",
    "!src/**/*.spec.{js,ts}",
    "!src/**/*.d.ts"
  ],
  "coverageDirectory": "<rootDir>/test-results/coverage",
  "coverageReporters": [
    "lcovonly",
    "json",
    "html",
    "cobertura",
    "text",
    "text-summary"
  ],
  "reporters": [
    "default"
  ],
  "globals": {
    "ts-jest": {
      "tsConfig": "<rootDir>/src/tsconfig.spec.json",
      "stringifyContentPathRegex": "\\.html$",
      "astTransformers": [
        'jest-preset-angular/build/InlineFilesTransformer',
        'jest-preset-angular/build/StripStylesTransformer'
      ],
      "isolatedModules": true
    }
  },
  "moduleFileExtensions": [
    "js",
    "ts",
    "html"
  ],
  "moduleDirectories": [
    "node_modules",
    "src"
  ],
  "setupFilesAfterEnv": [
    "<rootDir>/setupJest.ts"
  ],
  "testMatch": [
    "<rootDir>/src/**/+(*.)+(spec).+(ts|js)"
  ],
  "transform": {
    "^.+\\.(ts|js|html)$": "ts-jest"
  },
  "transformIgnorePatterns": [
    "node_modules/(?!(rxjs-compat))"
  ],
  "moduleNameMapper": {
    "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
    "\\.(css)$": "<rootDir>/__mocks__/styleMock.js",
  }
};

setupJest.ts

import 'jest-preset-angular';
import 'jest-localstorage-mock';

window.requestAnimationFrame = fn => {
  fn(16);

  return 16;
};