Домен
Frontend Development
Профиль навыка
Testing Library, Storybook interaction tests, Vitest, component isolation, user-event
Ролей
7
где встречается этот навык
Грейдов
5
сформированная дорожка роста
Обязательных требований
31
ещё 4 — необязательные
Frontend Development
Frontend-тестирование
17.03.2026
Выберите текущий грейд и сравните ожидания. Карточки ниже покажут, что нужно закрыть для следующего уровня.
Таблица показывает, как меняется глубина владения навыком от Junior до Principal.
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (.NET WPF/WinUI/MAUI) | Понимает component testing для WPF/WinUI. Тестирует UserControl и Page в изоляции. Использует DataContext мокирование для независимого тестирования UI-компонентов. | |
| Desktop Developer (Electron/Tauri) | Тестирует React компоненты для Electron. Проверяет рендеринг, user interactions, state changes. | |
| Frontend Developer (Angular) | Обязателен | Пишет базовые юнит-тесты для Angular-компонентов через TestBed: проверка рендеринга, биндинг @Input, эмиссия @Output. Использует ComponentFixture и DebugElement для доступа к DOM в тестах. |
| Frontend Developer (React) | Обязателен | Пишет базовые тесты React-компонентов с React Testing Library и Vitest: рендеринг, проверка текста и элементов через screen queries, базовые user interactions (click, type). Следует принципу testing-library: тестировать поведение, а не реализацию. |
| Frontend Developer (Svelte) | Обязателен | Пишет базовые тесты Svelte-компонентов через @testing-library/svelte и Vitest: рендеринг, проверка текста, клики. Тестирует простые пропсы и события компонентов, использует screen.getByRole для accessible-селекторов, запускает тесты через vitest --run. |
| Frontend Developer (Vue) | Обязателен | Пишет базовые тесты Vue-компонентов через Vitest и Vue Test Utils — mount, проверка рендеринга, взаимодействие с props. Тестирует emit-события и слоты, понимает разницу между mount() и shallowMount(). |
| Fullstack Developer | Обязателен | Пишет базовые тесты React/Vue-компонентов fullstack-приложений с Testing Library: рендеринг, проверка текста, клики по кнопкам. Тестирует компоненты с моками API-запросов и понимает принцип тестирования поведения, а не реализации. |
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (.NET WPF/WinUI/MAUI) | Тестирует WPF/WinUI компоненты через snapshot testing. Использует Verify для approval-based testing. Настраивает visual regression через screenshot comparison. Тестирует DataTemplate и ControlTemplate. | |
| Desktop Developer (Electron/Tauri) | Тестирует компоненты с Storybook для Electron. Использует Chromatic для visual regression. Тестирует compound components и hooks. Настраивает snapshot testing. | |
| Frontend Developer (Angular) | Обязателен | Тестирует Angular-компоненты с зависимостями: мокирование сервисов через TestBed.overrideProvider, тестирование реактивных форм, компонентов с NgRx через provideMockStore, Angular Testing Library для user-centric тестов. |
| Frontend Developer (React) | Обязателен | Создаёт комплексные тесты React-компонентов: мокирование хуков и контекстов, тестирование асинхронных операций с waitFor, интеграционные тесты с MSW для мокирования API. Настраивает coverage reports, тестирует accessibility через jest-axe. |
| Frontend Developer (Svelte) | Обязателен | Создаёт комплексные тесты Svelte-компонентов: мокирование stores и $state, тестирование $derived-вычислений, async-операций. Тестирует компоненты с контекстом, слотами и snippet-ами, настраивает coverage-отчёты Vitest, создаёт test utilities для SvelteKit. |
| Frontend Developer (Vue) | Обязателен | Создаёт комплексные component-тесты — мокирование Pinia-сторов, Vue Router, API-вызовов через MSW. Тестирует composables изолированно, использует Vitest snapshot-тесты и custom matchers для Vue-специфичных проверок. |
| Fullstack Developer | Обязателен | Самостоятельно реализует сложные UI-компоненты с Компонентное тестирование. Оптимизирует производительность рендеринга. Пишет тесты. Применяет для state management. |
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (.NET WPF/WinUI/MAUI) | Обязателен | Проектирует component testing strategy для .NET desktop. Создаёт test harness для isolated component rendering. Реализует property-based testing через FsCheck. Автоматизирует visual regression в CI. |
| Desktop Developer (Electron/Tauri) | Обязателен | Проектирует component testing strategy. Создаёт test harness для desktop-specific components. Реализует interaction testing через Storybook play functions. Автоматизирует visual regression. |
| Frontend Developer (Angular) | Обязателен | Проектирует стратегию тестирования компонентов: harness-ы для Angular Material, кастомные test-утилиты и page objects, интеграция с Cypress Component Testing, тестирование standalone-компонентов без TestBed. |
| Frontend Developer (React) | Обязателен | Проектирует стратегию тестирования React-компонентов: пирамиду тестов (unit/integration/E2E), shared test utilities и fixtures, custom render с провайдерами. Создаёт testing-library/react расширения для проектных паттернов, интегрирует с Storybook interaction tests. |
| Frontend Developer (Svelte) | Обязателен | Проектирует стратегию компонентного тестирования для Svelte-приложений: test-паттерны для headless-компонентов, integration-тесты layout-ов SvelteKit. Создаёт custom render-обёртки с провайдерами, тестирует SSR-рендеринг компонентов, обеспечивает 80%+ coverage. |
| Frontend Developer (Vue) | Обязателен | Проектирует стратегию component testing для Vue-приложения — testing library подход, contract testing для shared компонентов, performance тесты рендеринга. Создаёт test utilities и fixtures для эффективного тестирования Vue-экосистемы. |
| Fullstack Developer | Обязателен | Создаёт комплексную стратегию тестирования компонентов fullstack-приложений: integration-тесты с MSW для мока API, тесты серверных компонентов, snapshot-тесты дизайн-системы. Настраивает coverage-отчёты и обеспечивает тестирование сквозных сценариев от запроса до UI. |
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (.NET WPF/WinUI/MAUI) | Обязателен | Определяет component testing стратегию для команды. Формирует component quality standards. Координирует component library testing. |
| Desktop Developer (Electron/Tauri) | Обязателен | Определяет component testing стратегию. Формирует component quality standards. Координирует component library testing. |
| Frontend Developer (Angular) | Обязателен | Внедряет стандарты тестирования компонентов в команде: минимальное покрытие для каждого компонента, шаблоны тестов для разных типов компонентов (form, list, dialog), метрики качества тестов. |
| Frontend Developer (React) | Обязателен | Определяет стандарты тестирования компонентов для React-команды: минимальный coverage, обязательные тест-кейсы для PR, структуру тестовых файлов. Внедряет testing culture: TDD для сложной логики, test-first подход для багфиксов, автоматические отчёты покрытия. |
| Frontend Developer (Svelte) | Обязателен | Определяет стандарты компонентного тестирования в Svelte-команде: обязательное покрытие, паттерны тестов, review-критерии. Внедряет mutation testing через Stryker, обучает команду эффективному тестированию Svelte 5 рун и SvelteKit-специфичных паттернов. |
| Frontend Developer (Vue) | Обязателен | Определяет стандарты тестирования компонентов для Vue-команд — coverage thresholds, testing patterns, review checklist. Внедряет culture of testing через обучение, шаблоны и автоматизированные проверки качества тестов в CI. |
| Fullstack Developer | Обязателен | Проектирует архитектуру компонентного тестирования fullstack-платформы: тест-утилиты с преднастроенными провайдерами, стандарты моков бэкенда, визуальное регрессионное тестирование. Определяет стратегию coverage и обучает команду эффективным паттернам тестирования. |
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (.NET WPF/WinUI/MAUI) | Обязателен | Формирует enterprise component testing стандарты. Оценивает testing approaches для WPF/WinUI/MAUI. Определяет component quality model для организации. |
| Desktop Developer (Electron/Tauri) | Обязателен | Формирует enterprise component testing стандарты. Оценивает testing approaches. Определяет component quality model. |
| Frontend Developer (Angular) | Обязателен | Формирует стратегию компонентного тестирования для Angular-платформы: баланс unit/integration/e2e, contract testing между микрофронтендами, AI-генерация тестов, mutation testing для проверки качества тестов. |
| Frontend Developer (React) | Обязателен | Формирует стратегию тестирования компонентов для экосистемы React-приложений: shared testing infrastructure, cross-project test utilities, стандарты для дизайн-системы. Определяет метрики качества тестов и инвестиции в тестовую инфраструктуру на уровне организации. |
| Frontend Developer (Svelte) | Обязателен | Формирует стратегию тестирования компонентов на уровне организации, исследует новые подходы для Svelte 5 (тестирование рун, snippet-ов). Влияет на развитие @testing-library/svelte, определяет архитектурные решения для тестирования в масштабе монорепозитория. |
| Frontend Developer (Vue) | Обязателен | Формирует стратегию component testing для Vue-экосистемы компании — shared test utilities, cross-team testing patterns, integration с design system. Исследует новые подходы — component-level E2E, AI-assisted test generation. |
| Fullstack Developer | Обязателен | Определяет стандарты компонентного тестирования организации для fullstack-проектов: баланс между unit/integration/visual тестами, платформенные тест-утилиты, метрики качества тестов. Создаёт инфраструктуру для масштабного тестирования UI в экосистеме приложений. |