After upgrading from version 7 to version 8 of @angular-builders/jest, I followed the instructions provided in the migration guide which advised removing @types/jest since it now comes bundled with Jest v24. Additionally, changes were made to my tsconfig as recommended in the guide.
Everything seemed fine until my tests started failing with the following errors:
Error TS2304: Cannot find name 'jest'.
jest.mock('src/app/omitted');
Error TS2304: Cannot find name 'jest'.
jest.clearAllMocks();
VS Code also did not recognize the jest global variable anymore, which is understandable considering the removal of typeRoots from the tsconfig file based on the migration guide's suggestions.
In tsconfig.json (root directory, used by IDE):
Remove typeRoots array
As Jest typings are now part of the Jest package and no longer found under node_modules/@types, restricting the type roots to a specific folder is unnecessary.
But why am I facing these issues? The guide instructed me to remove @types/jest, so how can I resolve the conflicts with jest.mock and jest.clearAllMocks?
I attempted the following solutions without success:
import { mock } from 'jest'; // unable to find mock
import * as jest from 'jest'; // unable to find jest.mock
Any advice would be greatly appreciated.
Below are my configurations (same as the simple-app example):
relevant dev packages
{
"@angular-builders/jest": "^8.0.3",
"jest": "^24.8.0",
"jest-preset-angular": "^7.1.1",
"ts-jest": "^24.0.2",
}
tsconfig.json
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"module": "esnext",
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"importHelpers": true,
"target": "es2015",
"lib": ["es2018", "dom"],
"strict": true
}
}
tsconfig.spec.json
{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/spec",
"allowJs": true
},
"files": ["src/polyfills.ts"],
"include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
}
angular.json
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"my-project": {
//...
"architect": {
//...
"test": {
"builder": "@angular-builders/jest:run",
"options": {}
}
}
}
}
}