Angular Testing with Jest

Test Angular v21+ applications with Jest and @testing-library/angular, prioritizing user-centric testing over implementation details.

Core Principles

• User-Centric Testing: Simulate real user behavior using @testing-library/angular. Avoid testing implementation details or private state.
• Modern Angular: Follow Angular v20+ standards (Standalone components, Signals, @if/@for control flow).
• Accessibility: Use semantic queries (getByRole, getByLabelText) that promote accessible markup.

Framework & Syntax

Jest Globals

Always use Jest globals:

• describe, it, expect, jest (e.g., jest.fn(), jest.spyOn())
• Never use jasmine, spyOn, or done()

Testing Library DOM Matchers