Unlock reliable confidence fast: enable safe refactors by choosing the right test layer, making the app observable, and eliminating nondeterminism so failures are actionable.
Frontend tests fail for two reasons: the product is broken, or the test is lying. Your job is to maximize signal and minimize "test is lying".
| Unit | Fastest | Pure functions, reducers, validators, math, pathfinding, deterministic simulation | | Component | Medium | UI behavior with mocked IO (React Testing Library, Vue Testing Library) | | E2E | Slowest | Critical user flows across routing, storage, real bundling/runtime |
Планируйте, внедряйте и отлаживайте тесты внешнего интерфейса: unit/integration/E2E/visual/a11y. Используйте для автоматизации браузера Playwright MCP, Vitest/Jest/RTL, ненадежной сортировки тестов, стабилизации CI и игр Canvas/WebGL (Phaser), требующих детерминированного ввода, а также утверждений снимков экрана/состояния. Триггер: «тест», «E2E», «ненадежный», «визуальная регрессия», «Драматург», «тестирование игры». Источник: chongdashu/phaserjs-oakwoods.