angular-component-tests

What problem does it solve?

Angular component tests often become flaky, hard to maintain, and inconsistent when they bypass real user flows or render strategies.

Core Features & Use Cases

• Test host pattern: Always render the component under test through a host template instead of creating it directly.
• Angular Testing Library (ATL) + userEvent: Drive interactions as users would and assert against accessible UI behavior.
• Overlay escape hatch with CDK harnesses: Handle dialogs/menus/tooltips using CDK harness environments when the overlay is outside the fixture root.

Quick Start

Activate this skill when you are writing or reviewing Angular *.spec.ts files and want to render the component via a host, interact with it using userEvent, and assert using Testing Library queries.