Angular Testing

This one keeps you current with Angular 21's testing changes, which is actually important since they swapped Karma for Vitest as the default runner. You get practical patterns for TestBed setup, component fixtures, async testing with fakeAsync, and proper mocking with spies. The examples cover the basics well: AAA pattern, DOM querying with by.css, HTTP testing with the new provideHttpClient, and form validation. What's useful here is the emphasis on testing behavior over implementation details, plus the coverage of template testing which is new to Angular 21. If you're writing any kind of Angular test, whether unit, component, or service level, this gives you the modern approach without legacy Jasmine cruft.

skills.sh installs: 197
GitHub stars: 7
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add oguzhan18/angular-ecosystem-skills --skill angular-testing --agent claude-code

Installs into .claude/skills of the current project.

Files

Angular Testing

Version: Angular 21 (2025) Tags: Testing, Jasmine, Karma, Vitest, Cypress, Jest

References: Testing Guide • Testing API • Angular Blog

API Changes

This section documents recent version-specific API changes.

NEW: Vitest as default — Angular 21+ uses Vitest instead of Jasmine/Karma source
NEW: Template coverage — Coverage reports now include HTML templates source
NEW: Component input testing — Test component inputs directly with Component输入
NEW: Functional interceptors for testing — Easier to test HTTP interceptors
DEPRECATED: Karma test runner — Migrate to Vitest for modern Angular

Best Practices

Use TestBed for component testing

import { TestBed } from '@angular/core/testing';
import { MyComponent } from './my.component';

describe('MyComponent', () => {
  let component: MyComponent;
  let fixture: ComponentFixture<MyComponent>;

SKILL.md on GitHub