Advancing Unit Tests

on YouTube ↗08m

" summary

Tests for OnPush change detection show failing behavior until the test harness calls fixture.detectChanges and reveals change detection runs only once in the initial setup. The team uses TestBed.overrideComponent to swap OnPush for Default during early experiments, then adopts a CMA-style test structure that triggers change detection explicitly and asserts the template renders the expected id. The workaround is temporary; the restructured tests reliably pass.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 0:41Courtney Christian
3. 1:54What is it?
4. 2:39Why Don't More People Do It?
5. 3:17How it's done
6. 6:59Example

" related talks

• 28mAngular Component Test Harnesses FTWAlisa Duncan · DevReach 2022
• 17mNavigating Angular's Evolution for Peak Performance!Jaroslaw Zolnowski · Frontend Nation 2024
• 28mTesting with Component Harnesses for the WinAlain Chautard · Reliable Web Summit 2021
• 22mAngular Component Test Harnesses FTWAlisa Duncan · NG-BE 2023
• 19mModern Testing Strategies for Reactive ApplicationsBrandon Roberts · ngAtlanta Conf 2018
• 49mPragmatic TestingZac Sweers · Android Makers 2018
• 26mTesting the Tricky StuffSamuel Goodwin · Mobilization 8
• 27mUnit Tests for Angular 2 ApplicationsVikram Subramanian · ng-europe 2016