🎯

angular-testing

🎯Skill

from analogjs/angular-skills

What it does

Angular skills for building signal-based forms with Angular v21+'s Signal Forms API, including schema-based validation, two-way binding, and dynamic form patterns.

Overview

Angular Testing is a Claude Code skill that provides comprehensive guidance for writing unit and integration tests in Angular v21+ applications. It covers Vitest (recommended) and Jasmine testing frameworks with TestBed, component harnesses, and modern testing patterns focused on signal-based components and the inject() function.

Key Features

Native Vitest Support - Angular v20+ has built-in Vitest support through the @angular/build package, with configuration for angular.json and tsconfig.spec.json
Signal Component Testing - Test signal-based components by directly calling signal methods and asserting on signal values without complex change detection workarounds
Vitest Mocking - Use vi.fn() and vi.clearAllMocks() for creating mock services and verifying interactions in isolated component tests
HTTP Testing - Test HTTP interactions with mock providers and verify API call patterns in Angular's dependency injection context
OnPush Change Detection - Guidance for testing components with OnPush change detection strategy, including proper fixture detection cycles

Who is this for?

This skill is designed for Angular v21+ developers who need to write tests for signal-based components, services using inject(), and HTTP interactions using modern testing frameworks. It is ideal for teams adopting Vitest as their Angular test runner and transitioning from Jasmine/Karma to the newer testing stack.

📦

Same repository

analogjs/angular-skills(10 items)

angular-testing

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add analogjs/angular-skills --skill angular-testing

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add analogjs/angular-skills --skill angular-testing

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/angular-testing/SKILL.md

SKILL.md

3,920Installs

245

Last UpdatedJan 24, 2026

View on GitHub Back to Skills

More from this repository9

🎯

angular-component🎯Skill

An Angular v20+ component skill from the analogjs/angular-skills collection, teaching AI coding agents modern standalone component patterns with signal inputs/outputs, OnPush change detection, and native control flow.

🎯

angular-signals🎯Skill

Angular v20+ Signals API best practices for reactive state management, computed values, and effect handling.

🎯

angular-forms🎯Skill

Angular skills for building signal-based forms with Angular v21+'s Signal Forms API, including schema-based validation, two-way binding, and dynamic form patterns.

🎯

angular-routing🎯Skill

Covers Angular routing patterns including lazy loading, route guards, resolvers, nested routes, and navigation strategies for Angular v20+

🎯

angular-http🎯Skill

Covers Angular HttpClient patterns including interceptors, error handling, request/response transformation, and API communication best practices

🎯

angular-di🎯Skill

Covers Angular v20+ dependency injection using inject(), injection tokens, and provider configuration for service architecture, managing singleton vs scoped services, and understanding the DI hierarchy.

🎯

angular-directives🎯Skill

Covers Angular directive patterns including custom attribute and structural directives, DOM manipulation, and component behavior extension

🎯

angular-tooling🎯Skill

Covers Angular development tooling including Angular CLI, build optimization, testing configuration, and project scaffolding for Angular v20+

🎯

angular-ssr🎯Skill

Angular skills for building signal-based forms with Angular v21+'s Signal Forms API, including schema-based validation, two-way binding, and dynamic form patterns.