angular-testing

Angular Testing Patterns

Jest + TestBed with AAA (Arrange/Act/Assert) pattern.

Test File Location

Test files live next to the source file: entity.service.ts → entity.service.spec.ts

Core Pattern: TestBed + InjectionToken Mocks

import { TestBed } from '@angular/core/testing';

describe('CreateEntityUseCase', () => {
  let useCase: CreateEntityUseCase;
  let mockRepository: jest.Mocked<EntityRepository>;

  beforeEach(() => {
    mockRepository = {
      find: jest.fn(),
      findById: jest.fn(),
      create: jest.fn(),
      update: jest.fn(),
      delete: jest.fn(),
    };

    TestBed.configureTestingModule({
      providers: [
        CreateEntityUseCase,
        { provide: ENTITY_REPOSITORY, useValue: mockRepository },
        { provide: AuthService, useValue: { getCurrentUser: () => ({ id: 1 }) } },
      ],
    });

    useCase = TestBed.inject(CreateEntityUseCase);
  });

  it('should create entity successfully', async () => {
    // Arrange
    const request = { name: 'Test Entity' };
    const expected = { id: 1, name: 'Test Entity' };
    mockRepository.create.mockResolvedValue(Result.success(expected));

    // Act
    const result = await useCase.execute(request);

    // Assert
    expect(result.isSuccess).toBe(true);
    expect(result.value).toEqual(expected);
    expect(mockRepository.create).toHaveBeenCalled();
  });

  it('should return failure when name is empty', async () => {
    const result = await useCase.execute({ name: '' });
    expect(result.isFailure).toBe(true);
  });
});

Signal Testing

it('should update signal state', () => {
  const service = TestBed.inject(EntityListStateService);

  service.setKeyword('test');

  expect(service.keyword()).toBe('test');
  expect(service.page()).toBe(1); // reset on filter change
});

Detailed Patterns

• UseCase/Query tests: references/usecase-testing.md
• Component tests: references/component-testing.md
• State service tests: references/state-service-testing.md