Ashes to Ashes, Specs to Specs: A Farewell to Old Testing Tools

on YouTube ↗43m

" summary

Shows how to replace Jasmine/Karma or Jest with Vitest on Angular apps using the Angular plugin and NX, demonstrating a progressive migration that keeps older tests running while new ones use Vitest. Explains running tests in Node (JSDOM) versus a Playwright-backed full browser mode, how browser-mode user interactions and fast‑forward timers make tests more realistic and faster, and introduces a new testronaut tool to mount Angular components in Playwright (early but working).

AI-written summary · about

" chapters (12)

1. 0:00Modern testing tools intro
2. 1:21Setup V test for Angular
3. 3:57Migrate Jest to V test
4. 7:11Debug tests in browser mode
5. 13:52Failing test with TDD
6. 17:19Reusable test fakes
7. 22:47Polling for async assertions
8. 26:51Realistic browser interactions
9. 30:45Vest browser mode internals
10. 35:29Debounce and time control
11. 39:49Testronaut for components
12. 40:53Migration takeaways

" related talks

• 27mTesting in 2024Rainer Hahnekamp · NG Belgrade Conf 2024
• 22mTwenty Years of Web Testing: From Selenium's Dawn to Vitest's PromiseJessica Sachs · JSNation US 2024
• 59mTechniques and practices for testing Angular 2Duncan Hunter, Adam Stephensen · NDC London 2017
• 30mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · DjangoCon US 2021
• 36mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · TestCon Vilnius 2018
• 56mTechniques and practices for testing AngularDuncan Hunter, Adam Stephensen · NDC Sydney 2017
• 31mGreat Expectations – Understanding nodejs Testing FrameworksTally Barak · NodeTLV 2023
• 39mTesting, Testing, 1, 2, NaNGant Laborde · React Alicante 2018