Test Automation
Mocking API Calls in TanStack Query Tests with MSW v2
Mock Service Worker (MSW) v2 intercepts HTTP requests at the network level, making it the best tool for testing TanStack Query hooks.
react
Latest
Test Automation
Testing TanStack Form: Validation, Async Submission, and Field Arrays
TanStack Form is a headless form library with built-in TypeScript support, field-level validation, async submission, and field arrays.
Test Automation
Testing React Server Components: RSC, Streaming, and Suspense Boundaries
React Server Components (RSC) run exclusively on the server. They can read from databases, call internal APIs, and access the filesystem — none of which is available in a jsdom environment. This creates a fundamental mismatch: your existing client-side testing tools won't work out of the box. This
Test Automation
React Compiler Testing: How React Forget Changes memo and useCallback Strategies
React Compiler — previously called React Forget — automatically memoizes your components and hooks.
Test Automation
React 19 Testing Guide: useOptimistic, useFormStatus, and use() with Vitest
React 19 shipped a handful of hooks that change how you think about async state, form handling, and data loading.
Testing
tRPC React Query Testing: Hooks, Mutations, and Optimistic Updates
Testing tRPC hooks means testing React Query hooks — and that means dealing with providers, async state transitions, and cache behavior. This post covers how to set up a minimal tRPC + QueryClient test wrapper, how to test loading, error, and success states with React Testing Library, how to verify optimistic updates
Internationalization
Testing React-Intl Translations with Jest
react-intl is the standard i18n library for React applications built on the FormatJS ecosystem.
Testing
Jest Snapshot Testing: Complete Guide to Writing Reliable Snapshots
Jest snapshot testing is simultaneously the most misused testing feature in the React ecosystem and genuinely useful when applied correctly.
Testing
Chromatic + Storybook: Visual Testing for UI Components
Chromatic is a visual testing tool built specifically for Storybook. While Percy and Applitools operate at the page level (snapshot a URL), Chromatic operates at the component level — it captures every story in your Storybook and compares them against approved baselines. This makes Chromatic the right choice for design system
Testing
React Testing Library: Complete Guide with Examples
React Testing Library (RTL) has become the standard for testing React components.
Test Automation
Component Testing with Storybook: From Stories to Automated Tests
Storybook started as a UI development environment — a place to build and view components in isolation.