Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
oguzhan18 avatar

Angular Jest

  • 181 installs
  • 6 repo stars
  • Updated April 4, 2026
  • oguzhan18/angular-ecosystem-skills

Configuring Jest for Angular unit tests, migrating from Karma, mocking dependencies, and writing fast isolated specs for components, pipes, and services.

About

Documents Jest integration for Angular projects including preset setup, TestBed patterns, dependency mocks, and CI-friendly unit testing to replace or complement Karma-based workflows.

  • jest-preset-angular configuration
  • Component TestBed with Jest
  • Mocking HttpClient and Router
  • Snapshot and marble testing tips
  • CI parallelization and coverage thresholds

Angular Jest by the numbers

  • 181 all-time installs (skills.sh)
  • +1 installs in the week ending Aug 4, 2026 (Skillselion tracking)
  • Ranked #833 of 2,153 Testing & QA skills by installs in the Skillselion catalog
  • Data as of Aug 4, 2026 (Skillselion catalog sync)
npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-jest

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs181
repo stars6
Last updatedApril 4, 2026
Repositoryoguzhan18/angular-ecosystem-skills

What it does

Configuring Jest for Angular unit tests, migrating from Karma, mocking dependencies, and writing fast isolated specs for components, pipes, and services.

Files

SKILL.mdMarkdownGitHub ↗

Angular + Jest

Version: Jest 29.x (2025) Tags: Jest, Testing, Unit Tests

References: Jestjest-preset-angular

Best Practices

  • Install Jest
npm install --save-dev jest @types/jest jest-preset-angular
  • Configure Jest
// jest.config.js
module.exports = {
  preset: 'jest-preset-angular',
  setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
  testPathIgnorePatterns: ['<rootDir>/node_modules/'],
};
  • Write test
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { MyComponent } from './my.component';

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

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      imports: [MyComponent]
    }).compileComponents();

    fixture = TestBed.createComponent(MyComponent);
    component = fixture.componentInstance;
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });
});

Related skills

Testing & QAtestingfrontend

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.