angular-testing
Write unit and integration tests for Angular v20+ applications using Vitest or Jasmine with TestBed and modern testing patterns. Use for testing components with signals, OnPush change detection, services with inject(), and HTTP interactions. Triggers on test creation, testing signal-based components, mocking dependencies, or setting up test infrastructure. Don't use for E2E testing with Cypress or Playwright, or for testing non-Angular JavaScript/TypeScript code.
Security Assessment
Detected risks:
About angular-testing
The angular-testing skill enables developers to write unit and integration tests for Angular v20+ applications efficiently using Vitest or Jasmine. It is designed to address the complexity of testing modern Angular applications, particularly those using signals, standalone components, and OnPush change detection. By providing a structured approach with TestBed and recommended testing patterns, this skill helps ensure application correctness, maintainability, and confidence in code changes, especially when dealing with reactive data flows and component interactions.
FAQ
Which testing frameworks are supported by this skill?
This skill supports Vitest (recommended) and Jasmine for Angular v20+ applications.
Can this skill be used for end-to-end testing?
No, it is specifically intended for unit and integration testing. End-to-end testing with Cypress or Playwright is not supported.
Does it support testing of components using Angular signals?
Yes, the skill provides patterns for testing signal-based components, including direct signal logic and component-level signals.
Is it compatible with non-Angular JavaScript or TypeScript projects?
No, it is tailored for Angular v20+ applications only and should not be used for non-Angular code.
What are the main requirements for using Vitest with Angular?
Angular v20+ projects should install Vitest and jsdom, configure the test target in angular.json, and optionally migrate from Jasmine using the provided guidance.
Install angular-testing
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
analogjs/angular-skills