Write unit and integration tests for Angular v21+ components and services.
npx skills add https://github.com/ROU-Technology/ng-utils --skill angular-testing
Please help me install this Agent Skill. Skill: angular-testing Source: https://github.com/ROU-Technology/ng-utils/tree/main/.agents/skills/angular-testing Command: npx skills add https://github.com/ROU-Technology/ng-utils --skill angular-testing
Many Angular apps struggle to maintain reliable tests that cover components using signals, OnPush change detection, and services via inject(), especially when integrating with HTTP interactions. This Skill provides a clear pattern for writing unit and integration tests in Angular v21+ using Vitest or Jasmine, TestBed, and optional component harnesses.
Install Vitest Angular tooling and write a basic test for a standalone component, e.g., a CounterComponent, to verify creation and increment behavior.
High-intent search queries and answers about installing and using this skill.
To test Angular signal-based components, configure TestBed with the standalone component and trigger change detection to verify signal updates. This Skill provides patterns using Vitest or Jasmine to validate signal behavior and ensure OnPush components render correctly during unit tests.
Yes, you can use Vitest instead of Jasmine for Angular v21+ testing. This Skill supports a unified testing approach, allowing you to write unit and integration tests for components and services using either Vitest or Jasmine as your test runner.
To mock HTTP interactions in Angular services using inject(), set up HttpClientTestingModule and use HttpTestingController to simulate HTTP calls. This Skill outlines how to mock dependencies and verify service behavior with TestBed-based tests.
The best way to write integration tests for Angular standalone components is using TestBed to configure the testing module with the component and its dependencies. This Skill offers clear patterns for creating test suites that validate component behavior and HTTP interactions using Vitest or Jasmine.
Component harnesses are optional for Angular unit testing but useful for simulating user interactions. This Skill covers testing with optional component harnesses alongside TestBed, Vitest, or Jasmine to validate component behavior thoroughly.
matteobortolazzoStandardize Angular frontend testing with Jasmine and Component Harnesses.
pkoka888Write unit and integration tests for Angular v20+ applications.
afonsoftTest Angular v21+ components using signals and OnPush with Vitest or Jasmine.
Manu343726Write unit and integration tests for Angular v20+ apps with Vitest or Jasmine.
