🌐
npm
npmjs.com › package › jest-preset-angular
jest-preset-angular - npm
1 week ago - Jest preset configuration for Angular projects. Latest version: 16.2.0, last published: 6 days ago. Start using jest-preset-angular in your project by running `npm i jest-preset-angular`. There are 58 other projects in the npm registry using jest-preset-angular.
      » npm install jest-preset-angular
    
Published   Jun 09, 2026
Version   16.2.0
🌐
GitHub
github.com › thymikee › jest-preset-angular › blob › main › CHANGELOG.md
jest-preset-angular/CHANGELOG.md at main · thymikee/jest-preset-angular
feat: allow to customize testEnvironment via preset creator functions (80c95e8) feat: upgrade jest to 30 (51df6ec) refactor: mark jest-environment-jsdom as peer dependency (f9e2b70) refactor: drop support for jsdom <22 (da9cb15) refactor: drop support for typescript <5.4 (873ab73) refactor: drop support for Angular <17 (3a60492) refactor: drop support for Node.js <18 (aeef774) refactor: remove defaults and defaults-esm presets (94dd3b1) refactor: remove setup-jest files (6bf89a4) refactor: remove global setup script with ngcc (35819c9) Jest 30 is required ·
Author   thymikee
🌐
Thymikee
thymikee.github.io › installation
Installation | jest-preset-angular
2 weeks ago - For ESM configuration, please see more in details with ESM guide. In your project root, create a setup file with following contents: ... Adjust scripts part your package.json to use jest instead of ng, e.g. ... jest-preset-angular uses JSDOM which is different from normal browsers.
🌐
GitHub
github.com › thymikee › jest-preset-angular
GitHub - thymikee/jest-preset-angular: Jest configuration preset for Angular projects. · GitHub
A preset of Jest configuration for Angular projects.
Starred by 917 users
Forked by 304 users
Languages   TypeScript 91.7% | JavaScript 5.1% | CSS 2.8%
🌐
Snyk
security.snyk.io › snyk vulnerability database › npm
jest-preset-angular | Snyk
Published: 9 years ago Last updated: 1 hours ago Latest version: 17.0.0 Latest non-vulnerable version: 17.0.0 ... Loading chart... ... Further analysis of the maintenance status of jest-preset-angular based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Healthy.
🌐
Medium
medium.com › @ansarikamrujama4 › configure-jest-in-angular-17-and-above-bf08139e2d79
Configure Jest in Angular 17 and above | by Kamrujama Ansari | Medium
November 2, 2024 - Configure Jest in Angular 17 and above Install all the required dependencies. Use below command to install npm i jest jest-preset-angular @types/jest -D → install jest and set to angular In …
🌐
Medium
medium.com › @philip.mutua › setting-up-jest-in-your-angular-16-project-3638ef65f3a3
Setting Up Jest in Your Angular Project | by Philip Mutua | Medium
December 10, 2024 - In your angular application locate the karma.config.js file your angular project has these two files delete them. ... To kickstart your enhanced testing experience, begin by installing the required dependencies using your preferred package manager · # Using Yarn yarn add -D jest jest-preset-angular @types/jest # Using npm npm install -D jest jest-preset-angular @types/jest
🌐
Thymikee
thymikee.github.io › introduction
Introduction | jest-preset-angular
April 8, 2026 - jest-preset-angular is Jest preset configuration and TypeScript preprocessor with source map support for Jest that lets you use Jest to test Angular projects.
🌐
Thymikee
thymikee.github.io › presets
Presets | jest-preset-angular
May 9, 2026 - testEnvironment: either jsdom or jest-preset-angular/environments/jest-jsdom-env.
🌐
Tim Deschryver
timdeschryver.dev › blog › integrate-jest-into-an-angular-application-and-library
Integrate Jest into an Angular application and library
After this post was written, someone pointed me to briebug/jest-schematics, which is an schematic that does all these steps above for your. If you run ng add @briebug/jest it adds and configures jest-preset-angular and removes the karma dependencies and files.
Find elsewhere
🌐
Beyondjava
beyondjava.net › angular-17-jest
Native Jest Support for Angular 17 (Sneak Preview)
January 1, 2024 - Beyond Java · Sitemap · Talks & Articles · Projects · Guest Posts · About · Legalese · Statistics · (opt out) · Mastodon
🌐
GitHub
github.com › thymikee › jest-preset-angular › releases
Releases · thymikee/jest-preset-angular
Jest configuration preset for Angular projects. Contribute to thymikee/jest-preset-angular development by creating an account on GitHub.
Author   thymikee
🌐
Medium
medium.com › ngconf › configure-jest-in-angular-18-79765fdb0fae
Step-by-Step Jest Configuration for Angular 18 | ngconf
August 27, 2024 - To use Jest in Angular, you can either set it up with the Angular Jest Runner to run tests with ng test, or configure Jest separately and run tests with the jest command. I prefer not using the Angular Jest Runner because I find it simpler to configure and use Jest on its own. npm install jest \ @types/jest \ @jest/globals \ jest-preset-angular \ --save-dev
🌐
npm
npmjs.com › package › @angular-builders › jest
angular-builders/jest
January 14, 2026 - This means that the library you're using doesn't use commonjs module format (which jest expects to see). You will need to implement the recommendations mentioned in jest-preset-angular Troubleshooting Guide.
      » npm install @angular-builders/jest
    
Published   Jan 14, 2026
Version   21.0.3
🌐
Medium
medium.com › @zeeshankhan8838 › unit-testing-angular-with-jest-configuration-e324ec61620c
Jest Configuration in angular. In this article, I am writing about all… | by zeeshan khan | Medium
March 22, 2023 - In this article, I am writing about all the necessary steps you need to do while configuring jest in angular. ... npm uninstall @types/jasmine jasmine-core karma karma-chrome-launcher karma-coverage karma-jasmine karma-jasmine-html-reporter · After uninstalling packages your package.json file looks like this. package.json after removing karma and jasmine packages ... "jest": { "preset": "jest-preset-angular", "setupFilesAfterEnv": [ "<rootDir>/src/setup.jest.ts" ], "testPathIgnorePatterns": [ "<rootDir>/node_modules/", "<rootDir>/dist/" ], "globals": { "ts-jest": { "tsConfig": "<rootDir>/tsconfig.spec.json", "stringifyContentPathRegex": "\\.html$" } } } "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "watch": "ng build --watch --configuration development", "test": "jest", "test:watch": "jest --watch", "test:coverage": "jest --coverage" },
🌐
GitHub
github.com › thymikee › jest-preset-angular › issues
Issues · thymikee/jest-preset-angular
Jest configuration preset for Angular projects. Contribute to thymikee/jest-preset-angular development by creating an account on GitHub.
Author   thymikee
🌐
Thymikee
thymikee.github.io › esm support
ESM Support | jest-preset-angular
May 7, 2026 - We have EXAMPLE APPS which contains base ESM setup to work with Jest and Angular. ... Not taking into account of type: "module" field in package.json yet to run as ESM mode. Mocking ES modules are not supported yet, track progress here https://github.com/jestjs/jest/pull/10976 · Overall progress and discussion can be found at https://github.com/jestjs/jest/issues/9430 ... If one is using Jest config in TypeScript, one should install ts-node as a dev dependency.
🌐
Medium
medium.com › @abhijit_chikane › set-up-jest-in-angular-v20-project-zoneless-replace-karma-jasmine-5ddd5552f2cb
Set Up Jest in Angular(v20+) Project (Zoneless, Replace Karma & Jasmine) | by Abhijit Chikane | Medium
September 3, 2025 - Angular comes preconfigured with Karma + Jasmine. We’ll remove those since we’re switching to Jest. npm uninstall @types/jasmine jasmine-core karma karma-chrome-launcher karma-coverage karma-jasmine karma-jasmine-html-reporter · npm install -D jest jest-preset-angular @types/jest jest-environment-jsdom @angular/platform-browser-dynamic