stack-angular

Standardize Angular frontend testing with Jasmine and Component Harnesses.

1|Updated Mar 24, 2026

Search Tags:#testing #frontend #angular #angular-cli #rxjs #component-harnesses #http-testing-controller

Ready to run

npx skills add https://github.com/matteobortolazzo/claude-tools --skill stack-angular

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: stack-angular
Source: https://github.com/matteobortolazzo/claude-tools/tree/main/ccflow/skills/stack-angular
Command: npx skills add https://github.com/matteobortolazzo/claude-tools --skill stack-angular

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Angular project teams often struggle to establish consistent frontend testing conventions and reliable test infrastructure, leading to flaky tests and slow iterations.

Core Features & Use Cases

Establishes angular testing patterns, including Jasmine tests and Component Harnesses, for reliable component verification.
Provides guidance on HttpTestingController usage for service integration tests, routing and forms testing, and RxJS streams.
Use Case: When onboarding new Angular modules, apply the stack-angular conventions to ensure consistent testing and maintainability.

Quick Start

Configure and run Component Harness-based tests with HttpTestingController in a sample Angular component to verify interactions with a mock service.

Frequently Asked Questions about stack-angular

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

FAQPage Schema

How do I establish consistent Angular testing conventions to reduce flaky tests?▼

Angular testing conventions are standardized using Jasmine, Component Harnesses, and HttpTestingController to verify components and services. This approach improves reliability and reduces flaky tests across Angular projects.

How do I test Angular service integrations using HttpTestingController?▼

HttpTestingController tests Angular service integrations by mocking HTTP requests and asserting outgoing calls. It is applied alongside HttpClientTestingModule to verify service routing and data fetching without hitting real backend endpoints.

Do I need Jasmine and TestBed configured to use Angular Component Harnesses?▼

Yes, applying Angular Component Harnesses requires an Angular workspace with Jasmine, TestBed harnesses, and HttpClientTestingModule configured. Access to the Angular CLI is also required to run and manage the end-to-end unit and integration tests.

What is the best way to test RxJS streams and Angular routing in frontend modules?▼

The best way to test RxJS streams and Angular routing is by applying standardized frontend testing patterns using Jasmine and Component Harnesses. This ensures maintainable integration tests when onboarding new Angular modules.

Why are my Angular frontend tests flaky when onboarding new modules?▼

Angular frontend tests become flaky without consistent testing conventions across modules. Establishing standardized patterns using Jasmine, Component Harnesses, and HttpTestingController for unit and integration tests resolves reliability issues during iterations.