angular-testing

Generate Angular unit, component, service, and end-to-end tests with Vitest, Jest, Jasmine, or Playwright.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Angular testing helps ensure components, services, signals, and observables behave correctly across asynchronous flows and DOM events by providing structured guidance, examples, and tooling patterns for unit, component, and end-to-end tests with Vitest, Jest, Jasmine, TestBed, Cypress, and Playwright.

Core Features & Use Cases

  • Write unit tests for Angular components, services, pipes, and directives
  • Configure TestBed for component and service testing
  • Create mocks, spies, and test doubles for dependencies
  • Test signal-based components and computed values
  • Handle async testing with fakeAsync, tick, and waitForAsync
  • Set up end-to-end testing with Cypress or Playwright

Quick Start

Configure TestBed and write Angular tests, then run them with your preferred framework.

Frequently Asked Questions about angular-testing

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

FAQPage Schema
How do I configure TestBed for Angular component testing?

Configure TestBed for Angular component testing by setting up the testing module with required providers and declarations, then creating mocks for dependencies to isolate component behavior during test execution.

What is the best way to test signals and computed values in Angular?

Testing signals and computed values in Angular involves reading signal values directly in test assertions and verifying that computed signals update correctly when their dependencies change within the test execution flow.

How do I handle async Angular tests with fakeAsync and tick?

Handle async Angular tests using fakeAsync to simulate asynchronous time passage and tick to flush pending microtasks, enabling deterministic testing of observables and promise-based code without actual delays.

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

You can use Vitest or Jest for Angular unit testing by configuring the test runner to integrate with TestBed, allowing you to execute component, service, and pipe tests across different testing frameworks.

How do I mock HTTP dependencies in Angular service tests?

Mock HTTP dependencies in Angular service tests by utilizing HTTP testing utilities to intercept requests, simulate server responses, and verify that your services send correct payloads and handle errors appropriately.

Does this support end-to-end testing with Playwright and Cypress?

End-to-end testing with Playwright and Cypress is supported, providing guided patterns and integration templates to validate DOM interactions and complete user workflows across Angular applications.