skills.rest
matteobortolazzo
matteobortolazzoCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/matteobortolazzo/claude-tools --skill stack-angular
Or copy as Structured Prompt for Agent▼
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.

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
Clouder0Clouder0

run-tests

Run TypeScript and Python test suites with bun and pytest.

Community
Basic
spallempatispallempati

angular-routing

Implement Angular routing with lazy loading, guards, resolvers, and route parameters.

Community
Intermediate
analogjsanalogjs
595

angular-testing

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

Official
Intermediate