Can I use these patterns for HTTP error testing?

Yes, it includes specific patterns for mocking 404, 500, and network errors using the Angular HttpTestingController.

Is this skill helpful for component-level testing?

Yes, it includes patterns for component mocking, router simulation, and isolating component dependencies during unit tests.

Does it provide guidance on mocking RxJS Observables?

Absolutely. It provides code snippets for mocking simple value streams, sequential emissions, and error states in Observables.

Which testing frameworks does this skill support?

This skill focuses on standard Angular testing utilities and the Jasmine testing framework, which is the default for most Angular projects.

Angular Mocking Patterns

Name: Angular Mocking Patterns
Author: EhssanAtassi

byEhssanAtassi

0•

セキュリティとテスト

Provides standardized implementation guides and code patterns for mocking services, HTTP requests, and dependencies in Angular test suites.

The Angular Mocking Patterns skill serves as a comprehensive reference for developers building robust unit and integration tests. It offers production-ready implementation patterns for various test doubles—including stubs, spies, and fakes—specifically tailored for the Angular ecosystem. By providing detailed templates for Jasmine spies, HttpClientTestingModule, and Observable streams, this skill helps developers isolate units of code, simulate complex edge cases, and ensure high test coverage without the overhead of real external dependencies.

主な機能

01Comprehensive guides for creating Dummies, Stubs, Spies, Mocks, and Fakes.

02Detailed Jasmine spy configurations for methods, properties, and custom return values.

03Specific implementation strategies for mocking Angular Routers, Forms, and LocalStorage.

04Robust templates for handling complex RxJS Observable and Promise-based mocking.

050 GitHub stars

06Standardized HTTP mocking patterns using HttpClientTestingModule and HttpTestingController.

ユースケース

01Isolating Angular services by mocking complex external dependencies and API calls.

02Verifying component interaction logic by spying on service methods and tracking call counts.

03Simulating diverse HTTP scenarios including success responses, 404/500 errors, and network failures.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ehssanatassi/angular-marketplace-developer mocking-patterns

For use in Claude.ai and ChatGPT

主な機能

01Comprehensive guides for creating Dummies, Stubs, Spies, Mocks, and Fakes.

02Detailed Jasmine spy configurations for methods, properties, and custom return values.

03Specific implementation strategies for mocking Angular Routers, Forms, and LocalStorage.

04Robust templates for handling complex RxJS Observable and Promise-based mocking.

050 GitHub stars

06Standardized HTTP mocking patterns using HttpClientTestingModule and HttpTestingController.

ユースケース

01Isolating Angular services by mocking complex external dependencies and API calls.

02Verifying component interaction logic by spying on service methods and tracking call counts.

03Simulating diverse HTTP scenarios including success responses, 404/500 errors, and network failures.