skills.rest
afonsoft
afonsoftCOMMUNITY
Explore all skills by this author →
Website𝕏@afonsoftGitHub

angular-testing

Test Angular v21+ components using signals and OnPush with Vitest or Jasmine.

1|Updated Mar 20, 2026
Search Tags:#vitest#angular#signals#test#jasmine#testing-patterns#onpush
One-click install
npx skills add https://github.com/afonsoft/VideoChat --skill angular-testing-afonsoft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-testing
Source: https://github.com/afonsoft/VideoChat/tree/main/.agents/skills/angular-testing
Command: npx skills add https://github.com/afonsoft/VideoChat --skill angular-testing-afonsoft

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Testing Angular v21+ apps involving signals and OnPush can be error-prone and slow without proven patterns. This skill provides structured guidance and patterns for reliable unit and integration tests using Vitest or Jasmine, TestBed, component harnesses, and dependency mocking.

Core Features & Use Cases

  • Vitest/Jasmine-based testing pipelines for Angular v21+ components, services, and HTTP interactions.
  • Signal-aware testing practices including signals, computed, and OnPush scenarios with deterministic tests.
  • Harness and testing utilities to simplify component testing, dependency injection, and UI state verification.

Quick Start

Create a starter Vitest-based test for an Angular v21+ component that uses signals and OnPush change detection.

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 that use signals and OnPush change detection?▼

To test Angular components with signals and OnPush, use signal-aware testing utilities within TestBed to reliably verify state and UI updates in Vitest or Jasmine environments.

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

Yes, Vitest can be used for Angular v21+ testing. The skill provides structured patterns for configuring Vitest pipelines to test components, services, and HTTP interactions effectively.

What is the best way to mock dependencies in Angular integration tests?▼

Mock dependencies in Angular integration tests by configuring TestBed with component harnesses, allowing isolated HTTP interaction and service verification across Vitest or Jasmine environments.

Why does my Angular signal test fail to update the component view?▼

Angular signal tests fail to update views when OnPush change detection is not properly triggered. Signal-based testing utilities ensure deterministic view updates during component testing.

Does this support testing HTTP interactions in Angular services?▼

Yes, it supports testing HTTP interactions in Angular services by applying TestBed configuration and mock dependencies within unit and integration testing pipelines for reliable verification.

Related Skills

Explore More Software Engineering Skills→
ROU-TechnologyROU-Technology

angular-testing

Write unit and integration tests for Angular v21+ components and services.

Official
Advanced
devrelaicomdevrelaicom
37

midnight-cq:dapp-testing

Test Midnight DApp frontend components using a contract simulator without a live blockchain.

Official
Advanced
analogjsanalogjs
595

angular-signals

Implements signal-based reactive state management for Angular 20+ components.

Official
Advanced
analogjsanalogjs
595

angular-testing

Create and run Angular v21+ unit and integration tests with Vitest or Jasmine.

Official
Intermediate