Angular components - unit testing

on YouTube ↗16m

" summary

Example Angular app (spacefleet + spaceship) gets unit-tested with Angular CLI default stack: TestBed.configureTestingModule and fixture APIs, running tests with ng test under Jasmine/Karma. Mocks replace child components and a mocked spaceship service returns two ships (Viper, Raptor). Tests assert component instantiation, fleet name rendering, two child spaceship elements, and that clicking the create button calls spaceshipService.createShip. All tests execute in-browser with manual detectChanges and pass.

AI-written summary · about

" chapters (6)

1. 0:00Introduction
2. 1:10Why components are special
3. 2:15Testing tools
4. 3:05Dependencies
5. 4:40Mocking
6. 5:55Presentation

" related talks

• 56mAngular Unit Testing from the TrenchesJustin James · NDC Minnesota 2018
• 56mTechniques and practices for testing AngularDuncan Hunter, Adam Stephensen · NDC Sydney 2017
• 59mTechniques and practices for testing Angular 2Duncan Hunter, Adam Stephensen · NDC London 2017
• 27mUnit Tests for Angular 2 ApplicationsVikram Subramanian · ng-europe 2016
• 13mTesting Angular Components FundamentalsJesse Palmer · Assert(js) 2018
• 32mTesting Angular appsCarl Vuorinen · ngVikings 2018
• 25mAngular + Jest: Testing TitbitsMaria Korneeva · Reliable Web Summit 2021
• 58mTestable Architecture in AngularRainer Hahnekamp · Reliable Web Summit 2021