Migrate from Karma Jasmine to Jest in Angular 10

preview_player
Показать описание
A step by step guide to integrate the Jest test framework to an Angular 10 typescript project using vscode . Here we easily migrate a fresh Angular 10 project using Karma jasmine to jest within 10 minutes.

0:00 - Introduction
0:06 - Migration of Karma Jasmine to Jest
10:38 - Jest watch mode
11:30 - Debugging jest unit test with VSCode
13:30 - Debugging jest unit test with Chrome

Sample github starter repo:
  1. JS Frameworks
  2. angular jest
  3. angular jest vs karma
  4. angular jest vs jasmine
  5. angular jest testing tutorial
  6. angular jest testing
Рекомендации по теме
Migrate from Karma 0:15:12

Migrate from Karma Jasmine to Jest in Angular 10

NodeJS : How 0:01:38

NodeJS : How to migrate or use existing karma Jasmine with Jest in Angular 7 with Electron and NodeJ

Config Jest in 0:14:32

Config Jest in an Angular project | remove karma jasmine and config Jest for unit testing

waitForAsync vs fakeAsync 0:10:49

waitForAsync vs fakeAsync - Angular unit testing using karma and jasmine tutorial

How to write 0:04:47

How to write test cases in angular 13 using karma jasmine?

Jest setup with 0:16:08

Jest setup with Angular 13 (Configure Jest with Angular & remove karma-jasmine) @Infolab

Chapter 19 HttpClient 0:19:06

Chapter 19 HttpClient | Unit Test | Jasmine | Karma | Angular

Testing Angular 2+ 0:32:34

Testing Angular 2+ Apps with Jasmine and Karma | Mosh

Pair Programming - 1:17:37

Pair Programming - Migrating Karma specs to Jest (vue_shared)

Chapter 24 Life 0:09:27

Chapter 24 Life Cycle Hooks | Angular Unit Testing | Jasmine Karma |

Angular Unit Testing 0:29:37

Angular Unit Testing (Jasmine - Karma)

PeopleWare en Angular 0:03:30

PeopleWare en Angular - Karma/Jasmine vs Jest

She’s so hot 0:00:07

She’s so hot I can’t help it 🥵

Basic Tutorial How 0:03:24

Basic Tutorial How To Setup Karma JS

Gen Z in 0:00:18

Gen Z in 2030

Learn Angular : 0:09:11

Learn Angular : Unit Testing Angular Component With @Input @Output | Karma | Jasmine | Source Code

1 | Angular 0:14:51

1 | Angular Unit Testing with Jasmine & Karma | karma.conf.js | test.ts | Why unit testing?

#pov you run 0:00:15

#pov you run into the kid you made fun of growing up… w/ @NoahJayWood1 @skyyjade

Chapter 13 Testing 0:07:17

Chapter 13 Testing Directive | Unit Test | Angular | Jasmine | Karma

Dear MOR: 'Your 1:00:45

Dear MOR: 'Your Cheating Heart' The Ayesha Story 08-19-15

Pair Programming - 1:07:14

Pair Programming - Moving Karma specs to Jest (pipelines/stages, ide/actions)

Derek Stobbe: Testing 0:44:22

Derek Stobbe: Testing Angular using Karma and Jasmine

😍Kareena kapoor. (Old 0:00:16

😍Kareena kapoor. (Old age.To.Young) #shorts #kareenakapoor #bollywood #old #young ##youtubeshorts

Unit Testing AngularJS 0:08:30

Unit Testing AngularJS - Lesson 2: Setting Up Karma

Комментарии
Автор

Thanks for sharing. I was struggling with the "Unexpected token" error when doing this migration in my project. If I may add, a deprecation warning appears in the console with the configuration shown in the video. To get rid of it, just use the import instead of 'jest-preset-angular' in the setupJest.ts file

christopheradolphe
Автор

3:55 "If you are using the localized function you need to import the localized int function"....can you please show me with a line of code what this means? I'm on Angular 12.

BrianTheTrader
Автор

Thank you for that video. After I've migrated to jest I got this error in every test that does compileComponents().

zone-testing.js is needed for the fakeAsync() test helper but could not be found.
Please make sure that your environment includes zone.js/dist/zone-testing.js.

Do you have any ideas how can I fix it?

cantozzi