Professional Angular Testing by ​​​Rainer Hahnekamp

What You Will Learn

• Part 1: Test Strategies: How to Test?
  
• - Unit vs. Integration Tests
  - Test Strategies: When should I use what test type?
  - TDD in Frontend?
  - Testing Trophy vs. Testing Pyramid
  - Testable Architecture
  
• Part 2: Unit Tests
  - Testing with asynchronous Tasks
  - fakeAsync vs. waitForAsync
  - Mocking: jest.fn, jest.mock, jest.spyOn
  - Testing with inject()
  
• Part 3: Component & Integration Tests
  - TestBed and Dependency Injection
  - Standalone and NgModule-based Tests
  - Mocking Components/Pipes/Directives with ng-mocks
  - HttpTestingController
  - RouterTestingHarness for routerLink and ActivatedRouter
  - Superior Testing with the "Testing Library"
  
• Part 4: E2E Tests with Playwright
  🚀 Theory
  - Technological Approach: CDP vs. Webdriver
  - Inside-Browser vs. Outside-Browser Testing
  - Playwright compared to Webdriver and Cypress
  🚀 Setup & Tooling
  - Installation & Setup
  - Boosting Execution with Parallelization
  - Code Generator for a Quick Start
  - Debugging Capabilities in VSCode
  - Improve your Productivity with the UI Mode
  - Analyze and find Bugs with the Trace Viewer
  🚀 Basic Commands
  - Selecting with page.locator
  - Chained, Nested and Relative Selecting
  - data-testid vs. a11y-based Selectors
  - Actions
  - Web Assertions
  
  

Takeaway

- Understand and know when to apply Unit, Component, and E2E Tests
- Write tests for code that heavily depends on asynchronous tasks
- Interact with the DOM rendered by one or multiple components
- Significantly reduce your testing boilerplate by using the Testing Library
- Prevent flaky E2E Tests