Testable Architecture in Angular

on YouTube ↗58m

" summary

Live‑coding shows an Angular demo app using ngrx and an HTTP validator, and demonstrates concrete tests: a ~40‑line integration test mocks only HttpClient, a fast unit test that constructs the component class with manual spies, and the tradeoffs in speed and brittleness. Architecture guidance (nx + DDD) maps module types to test types so container components get integration tests, UI components get visual regression via Storybook + Puppeteer screenshots, and component tests run with Cypress against Storybook.

AI-written summary · about

" chapters (10)

1. 0:00Introduction and agenda
2. 2:05Demo application overview
3. 7:04Code and architecture analysis
4. 12:05Integration testing
5. 19:16Unit testing approaches
6. 24:05Advanced testing strategies
7. 28:28Exotic testing methods
8. 34:09Unit vs integration testing
9. 40:57Domain-driven architecture
10. 55:37Summary and conclusion

" related talks

• 45mReactive Testing Strategies with NgRxBrandon Roberts, Mike Ryan · NGConf 2018
• 19mTesting Best Practices for Angular ApplicationsYi Qi · NGConf 2018
• 27mAngular Architecture: From Patterns to ImplementationTodd Motto · ng-europe 2018
• 32mTesting Angular appsCarl Vuorinen · ngVikings 2018
• 01h 01mDomain-Driven Design and AngularManfred Steyer · ng-conf 2020: Hardwired
• 26mScalable Angular ArchitectureBartosz Pietrucha · ngVikings 2018
• 56mTechniques and practices for testing AngularDuncan Hunter, Adam Stephensen · NDC Sydney 2017
• 19mModern Testing Strategies for Reactive ApplicationsBrandon Roberts · ngAtlanta Conf 2018