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

セキュリティとテスト

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.

主な機能

Comprehensive guides for creating Dummies, Stubs, Spies, Mocks, and Fakes.
Detailed Jasmine spy configurations for methods, properties, and custom return values.
Specific implementation strategies for mocking Angular Routers, Forms, and LocalStorage.
Robust templates for handling complex RxJS Observable and Promise-based mocking.
0 GitHub stars
Standardized HTTP mocking patterns using HttpClientTestingModule and HttpTestingController.

ユースケース

Isolating Angular services by mocking complex external dependencies and API calls.
Verifying component interaction logic by spying on service methods and tracking call counts.
Simulating diverse HTTP scenarios including success responses, 404/500 errors, and network failures.

概要

主な機能

Comprehensive guides for creating Dummies, Stubs, Spies, Mocks, and Fakes.
Detailed Jasmine spy configurations for methods, properties, and custom return values.
Specific implementation strategies for mocking Angular Routers, Forms, and LocalStorage.
Robust templates for handling complex RxJS Observable and Promise-based mocking.
0 GitHub stars
Standardized HTTP mocking patterns using HttpClientTestingModule and HttpTestingController.

ユースケース

Isolating Angular services by mocking complex external dependencies and API calls.
Verifying component interaction logic by spying on service methods and tracking call counts.
Simulating diverse HTTP scenarios including success responses, 404/500 errors, and network failures.