Покрытие кода тестами

Тестирование является неотъемлемой частью разработки приложений на Angular. Модульный подход и инструменты, предоставляемые Angular CLI, позволяют создавать тесты для компонентов, сервисов, пайпов и директив.

Типы тестов в Angular

  1. Unit-тесты Проверяют отдельные сущности (компоненты, сервисы, функции) в изоляции. Выполняются быстро и помогают выявлять ошибки на ранней стадии.

    import { TestBed } from '@angular/core/testing';
import { MyService } from './my-service.service';

describe('MyService', () => {
  let service: MyService;

  beforeEach(() => {
    TestBed.configureTestingModule({});
    service = TestBed.inject(MyService);
  });

  it('should return expected value', () => {
    expect(service.getValue()).toBe('expected');
  });
});

  2. Integration-тесты Проверяют взаимодействие нескольких компонентов или сервисов. Например, проверка работы компонента с формами и сервисом данных одновременно.

  3. End-to-End (E2E) тесты Проверяют приложение целиком, имитируя действия пользователя. В Angular для E2E-тестов используется Protractor или Cypress.

Инструменты для покрытия кода

  • Karma – тестовый раннер, выполняющий unit-тесты в браузере.
  • Jasmine – библиотека для написания тестов с понятным синтаксисом describe/it.
  • Istanbul (Coverage) – инструмент для подсчета покрытия кода тестами. В Angular интегрирован через Karma.

Метрики покрытия

Покрытие кода отображается в процентах для следующих категорий:

  • Statements – количество проверенных операторов.
  • Branches – количество проверенных условий (if, switch).
  • Functions – количество проверенных функций.
  • Lines – количество проверенных строк кода.

Высокий процент покрытия (обычно ≥80%) повышает надежность приложения и снижает вероятность ошибок при рефакторинге.

Рекомендации по тестированию

  • Покрывать критические участки кода, особенно бизнес-логику сервисов.
  • Использовать мок-объекты для изоляции тестов от внешних зависимостей.
  • Проверять все ветки условий и обработку ошибок.
  • Поддерживать читаемость тестов — каждый тест должен проверять одну конкретную функциональность.

Тщательное тестирование и использование временных функций анимаций делают Angular-приложение более устойчивым, отзывчивым и предсказуемым, улучшая пользовательский опыт и упрощая поддержку кода.

Оглавление