angular-testing

Write and run Angular v20+ unit and integration tests with Vitest or Jasmine.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/piyushmal13/kandhogaya --skill angular-testing-piyushmal13
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular-testing
Source: https://github.com/piyushmal13/kandhogaya/tree/main/.kilocode/skills/angular-testing
Command: npx skills add https://github.com/piyushmal13/kandhogaya --skill angular-testing-piyushmal13

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Angular projects often struggle with maintaining robust unit and integration tests as they evolve to v20+. This Skill provides a structured approach to writing tests using Vitest or Jasmine, TestBed, and modern patterns to ensure components, services, and HTTP interactions are covered.

Core Features & Use Cases

  • Supports testing components, services, and directives in Angular v20+ using Vitest (recommended) or Jasmine.
  • Includes patterns for signals, OnPush change detection, and dependency injection with inject().
  • Provides guidance on mocking dependencies, testing HTTP calls, and setting up test infrastructure for scalable test suites.

Quick Start

Install Vitest and necessary Angular test tooling, configure the Angular project for unit tests, and run the test suite with ng test.

Frequently Asked Questions about angular-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I test Angular signal-based components and OnPush change detection?

You can test Angular signal-based components and OnPush change detection using TestBed and modern testing patterns. This Skill provides structured approaches to verify component updates, dependency injection via inject(), and mocked dependencies for robust unit and integration tests.

What's the best way to set up Vitest for Angular v20+ unit testing?

Setting up Vitest for Angular v20+ unit testing involves installing Vitest alongside Angular testing utilities and configuring test targets. This Skill provides configuration examples for tsconfig.spec.json and angular.json to run scalable test suites.

Can I migrate my existing Jasmine tests to Vitest in Angular?

Yes, you can migrate existing Jasmine tests to Vitest in Angular. This Skill provides specific guidance on transitioning your test suite to Vitest while maintaining coverage for components, services, and HTTP interactions using TestBed.

How do I mock dependencies and HTTP interactions in Angular integration tests?

You mock dependencies and HTTP interactions in Angular integration tests by utilizing TestBed and modern testing patterns. This Skill covers setting up test infrastructure to isolate components and services, ensuring scalable and maintainable HTTP interaction testing.

Does this testing approach support both unit and integration testing for Angular services and directives?

Yes, this testing approach supports both unit and integration testing for Angular services and directives. It applies modern patterns to verify HTTP calls, dependency injection, and component logic across Angular v20+ applications using Vitest or Jasmine.