PREPRA
Навигация

Тестирование

Раздел посвящён функциональному тестированию фронтенда: от базовых принципов и тестового раннера до компонентных, E2E и визуальных тестов.

13 статей 87 вопросов

Начни с базы

Основы тестирования: пирамида, принципы, стратегии

Как выстроить эффективную стратегию тестирования: пирамида и Testing Trophy, уровни тестов, принципы FIRST, TDD, code coverage и практические советы.

9 вопросов
+6

Unit-тестирование с Vitest

Как писать unit-тесты на Vitest: базовый API, моки, снапшоты, coverage и настройка под React, Next.js, Vue и Nuxt.

8 вопросов
+3

Мокирование и изоляция тестов

Как изолировать тесты с помощью моков: vi.fn, vi.spyOn, vi.mock, MSW, таймеры, localStorage и фабрики данных. Разбор практик и антипаттернов.

7 вопросов
+3

Углубись в детали

Тестирование React

Как тестировать React-компоненты через поведение пользователя: рендеринг, поиск элементов, события, асинхронность, провайдеры и типичные ошибки.

6 вопросов
+2

Тестирование Next.js

Разбираем подходы к тестированию приложений на Next.js: от настройки Vitest и мокирования Next.js API до Server Components, Actions, Route Handlers и Middleware.

7 вопросов
+3

Тестирование Vue

Как тестировать Vue-компоненты с Vue Test Utils и Vitest: настройка окружения, пропсы, emits, слоты, v-model, Pinia, Vue Router и лучшие практики.

5 вопросов
+3

Тестирование Nuxt

Как тестировать Nuxt-приложения: настройка Vitest, тестирование компонентов, composables, server routes, middleware, мокирование API и антипаттерны.

5 вопросов
+3

E2E-тестирование с Playwright

Как писать стабильные E2E-тесты с Playwright: локаторы, действия, ожидания, моки, визуальные сравнения, Page Object Model и CI.

6 вопросов
+3

Визуальное и регрессионное тестирование

Автоматическая проверка внешнего вида интерфейса: snapshot-тесты, визуальная регрессия, Playwright, Chromatic, Percy и Storybook.

6 вопросов
+3

Стратегия тестирования фронтенда

Как выбирать уровни тестов, применять doubles, управлять рисками и выстраивать процесс тестирования SPA и SSR/fullstack (Next.js/Nuxt) приложений без перегрузки CI.

7 вопросов
+3

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

Тесты могут быть хуже, чем их отсутствие. Хрупкие, медленные и ложно успокаивающие тесты отнимают время и снижают доверие к CI.

7 вопросов
+3

GitLab CI/CD для фронтенд-тестов

Как построить pipeline GitLab CI/CD для фронтенд-тестов: stages, кэш, артефакты, шардинг, JUnit-отчёты и безопасность.

7 вопросов
+2

Не будет лишним

Sentry: интеграция и мониторинг ошибок

Как интегрировать Sentry в React, Next.js, Vue и Nuxt: от базовой настройки и source maps до performance monitoring, алертов и best practices.

7 вопросов
+2