Ng Mocks Testing Skill

Angular Testing Skills for Claude Code

A collection of [Claude Code skills](https://docs.anthropic.com/en/docs/claude-code/skills) for writing high-quality Angular unit tests with Jest and ng-mocks. The two skills complement each other: one handles **which APIs to use**, the other handles **how tests should read**.

Skills

`ng-mocks` — framework APIs

Gives Claude deep knowledge of [ng-mocks](https://ng-mocks.sudo.eu/) — `MockBuilder`, `MockRender`, and `ngMocks.*`. Replaces hand-rolled `TestBed.configureTestingModule` boilerplate with a terse, auto-mocking API.

Covers:

• Core API: MockBuilder, MockRender, MockProvider, MockInstance, ngMocks.faster()
• Standalone and module-based components, signal stores, injection tokens
• NgRx effects with provideMockActions and provideMockStore
• Real-world examples: effects, parent/child components, signal store, pipes, HTTP services

`readable-tests` — naming, structure, and what to assert

Enforces test naming conventions, AAA layout, and behavior-over-implementation assertions. Use alongside `ng-mocks` whenever writing or reviewing `*.spec.ts` files.

Covers:

• Naming: describe(Class.name), it('should … when …'), nested describes by scenario
• AAA: arrange/act/assert separation, one behavior per test
• What to assert: DOM over internals, semantic selectors, it.each for data-driven tests
• Examples: renaming vague tests, splitting multi-behavior tests, parametrizing repeated tests, fixing implementation assertions, restructuring AAA

Installation

From GitHub (recommended)

git clone https://github.com/mintarasss/ng-mocks-testing-skill.git

Copy whichever skills you want into your Claude Code skills directory:

# Global (available in all projects)
cp -r ng-mocks-testing-skill/ng-mocks ~/.claude/skills/ng-mocks
cp -r ng-mocks-testing-skill/readable-tests ~/.claude/skills/readable-tests

# Project-specific (only this project)
mkdir -p .claude/skills
cp -r ng-mocks-t