Component Testing

Writes basic React component tests with React Testing Library and Vitest: rendering, checking text and elements through screen queries, basic user interactions (click, type). Follows the testing-library principle: test behavior, not implementation.

Writes basic Svelte component tests through @testing-library/svelte and Vitest: rendering, text checking, clicks. Tests simple props and component events, uses screen.getByRole for accessible selectors, runs tests via vitest --run.

Writes basic Vue component tests through Vitest and Vue Test Utils — mount, render checking, props interaction. Tests emit events and slots, understands the difference between mount() and shallowMount().

Writes basic React/Vue component tests for fullstack applications with Testing Library: rendering, text verification, button clicks. Tests components with API request mocks and understands the principle of testing behavior, not implementation.

Creates comprehensive React component tests: mocking hooks and contexts, testing async operations with waitFor, integration tests with MSW for API mocking. Configures coverage reports, tests accessibility through jest-axe.

Creates comprehensive Svelte component tests: mocking stores and $state, testing $derived computations, async operations. Tests components with context, slots, and snippets, configures Vitest coverage reports, creates test utilities for SvelteKit.

Creates comprehensive component tests — mocking Pinia stores, Vue Router, API calls through MSW. Tests composables in isolation, uses Vitest snapshot tests and custom matchers for Vue-specific checks.

Independently implements complex UI components with component testing. Optimizes rendering performance. Writes tests. Applies for state management.

Designs React component testing strategy: test pyramid (unit/integration/E2E), shared test utilities and fixtures, custom render with providers. Creates testing-library/react extensions for project patterns, integrates with Storybook interaction tests.

Designs component testing strategy for Svelte applications: test patterns for headless components, integration tests for SvelteKit layouts. Creates custom render wrappers with providers, tests SSR component rendering, ensures 80%+ coverage.

Designs component testing strategy for Vue application — testing library approach, contract testing for shared components, render performance tests. Creates test utilities and fixtures for efficient Vue ecosystem testing.

Creates comprehensive component testing strategy for fullstack applications: integration tests with MSW for API mocking, server component tests, design system snapshot tests. Configures coverage reports and ensures testing of end-to-end scenarios from request to UI.

Defines component testing standards for the React team: minimum coverage, mandatory test cases for PRs, test file structure. Introduces testing culture: TDD for complex logic, test-first approach for bugfixes, automated coverage reports.

Defines component testing standards in the Svelte team: mandatory coverage, test patterns, review criteria. Introduces mutation testing through Stryker, trains the team on efficient testing of Svelte 5 runes and SvelteKit-specific patterns.

Defines component testing standards for Vue teams — coverage thresholds, testing patterns, review checklist. Introduces testing culture through training, templates and automated test quality checks in CI.

Designs component testing architecture for the fullstack platform: test utilities with preconfigured providers, backend mock standards, visual regression testing. Defines coverage strategy and trains the team on effective testing patterns.

Shapes component testing strategy for the React application ecosystem: shared testing infrastructure, cross-project test utilities, design system standards. Defines test quality metrics and investments in testing infrastructure at organizational level.

Shapes component testing strategy at the organizational level, researches new approaches for Svelte 5 (testing runes, snippets). Influences @testing-library/svelte development, defines architectural decisions for testing at monorepo scale.

Shapes component testing strategy for the company's Vue ecosystem — shared test utilities, cross-team testing patterns, design system integration. Researches new approaches — component-level E2E, AI-assisted test generation.

Defines organizational component testing standards for fullstack projects: balance between unit/integration/visual tests, platform test utilities, test quality metrics. Creates infrastructure for scalable UI testing across the application ecosystem.