Vamos neste tutorial realizar a instalação do Jest no angular 18
Siga os passos:
1 passo: Install Angular CLI 18.
2 passo: Criar um novo projeto angular 18 na CLI.
ng new Calculadora
3 passo: Entrar na pasta raiz utilizando vscode.
4 passo: Ir diretamente no arquivo package.json identificar todos pacotes karma e desinstalar.
São eles:
@types/jasmine
jasmine-core
karma
karma-chrome-launcher
karma-coverage
karma-jasmine
karma-jasmine-html-reporter
5 passo: Desinstalar utilizando comando abaixo os pacotes selecionados.
npm uninstall @types/jasmine jasmine-core karma karma-chrome-launcher karma-coverage karma-jasmine karma-jasmine-html-reporter
6 passo: Instalar todos os arquivos para jest e ts-node para fazer a leitura correta do jest.config.ts
npm install @types/jest jest jest-preset-angular ts-node –-save-dev
packages.json
…
devDependency{
…
“@types/jest”: “^29.5.14”,
“jest”: “^29.7.0”,
“jest-preset-angular”: “^14.4.1”,
“ts-node”: “^10.9.2”,
}
7 passo: Criar os arquivos jest.config.ts e setup.jest.ts na raíz do angular.
jest.config.ts
// jest.config.ts
import type { Config } from ‘jest’;
const jestConfig: Config = {
preset: ‘jest-preset-angular’,
setupFilesAfterEnv: [‘<rootDir>/setup.jest.ts’],
};
export default jestConfig;
setup.jest.ts
// import ‘jest-preset-angular/setup-jest’;
import { setupZoneTestEnv } from ‘jest-preset-angular/setup-env/zone’;
setupZoneTestEnv();
8 passo: Configurar angular.json. Localize o test no arquivo e faça a deleção completa este comando , geralmente final do arquivo .. Desse modo você não pode utilizar mais ng test.
9 passo: criar os scripts para testes
“test”: “jest”,
“test:watch”: “jest –watch”,
“test:coverage”: “jest –coverage”
10 passo: Deixar ts.config.spec.json atualizado
{
“extends”: “./tsconfig.json”,
“compilerOptions”: {
“outDir”: “./out-tsc/spec”,
“types”: [
“jest”,
“node”
]
},
“include”: [
“src/**/*.spec.ts”,
“src/**/*.d.ts”
]
}
Com essas configuracao pronto você pode chamar
jest por npm run test or npx jest na pasta raiz do projeto,
DICAS PARA TESTES
fdescribe e fit
f antes do describe ou it significa que teste deve fazer exclusivamente este conjunto teste ou teste.
x antes de describe ou it exclui a realização do conjunto de teste ou teste.