angular-testing

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps teams validate Angular v20+ applications by writing maintainable unit and integration tests using Vitest or Jasmine, covering components, services, signals, and HTTP interactions.

Core Features & Use Cases

  • Vitest or Jasmine-based test suites for Angular components, services, and HTTP interactions.
  • Support for testing signals, OnPush change detection, and dependency injection with inject().
  • Guidance for test scaffolding, mocking dependencies, and setting up test infrastructure for rapid test creation.

Quick Start

Create a minimal Angular test suite for a v20+ component using Vitest or Jasmine and run ng test to execute it.

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 components using signals and OnPush change detection?

To test Angular components using signals and OnPush change detection, you need to configure Angular TestBed to handle signal updates and trigger change detection properly. This skill provides automated workflows to scaffold and execute these specific v20+ test suites.

What is the best way to mock HTTP interactions in Angular v20+ tests?

The best way to mock HTTP interactions in Angular v20+ tests is by utilizing Angular TestBed and HttpTestingController to intercept requests. This skill automates mocking dependencies and setting up HTTP test infrastructure for rapid creation.

Does this support testing services that use the inject() function?

Yes, testing services that use the inject() function is fully supported. The skill applies specifically to v20+ applications, validating dependency injection patterns alongside components and signals using either Vitest or Jasmine.

Can I use Vitest instead of Jasmine for Angular unit testing?

Yes, you can use Vitest instead of Jasmine for Angular unit testing. This skill supports both frameworks, allowing you to generate and run maintainable test suites for components, services, and HTTP interactions using your preferred runner.

How do I set up test infrastructure for an Angular v20+ application?

Setting up test infrastructure for an Angular v20+ application involves configuring TestBed with your chosen test runner. This skill offers guidance for scaffolding tests, mocking dependencies, and establishing the base setup for rapid test creation.

What are the limitations when testing Angular signals with Jasmine?

When testing Angular signals with Jasmine, limitations generally arise from improper change detection triggering rather than the framework itself. The skill ensures correct TestBed configuration to handle signal updates and OnPush change detection seamlessly.