Testing de componentes React
Patrones de testing de componentes React centrados en el comportamiento con React Testing Library, Vitest o Jest, mocking de red con MSW, aserciones de accesibilidad con axe y el criterio para decidir entre tests de componente y tests E2E con Playwright/Cypress. Dirigida a equipos que escriben o arreglan tests de componentes, hooks o páginas React.
Incluida en el Pase · para Claude Code, Cursor, Codex CLI
// qué_hace
Guía la escritura de tests de componentes y hooks React centrados en lo que el usuario ve y hace, no en detalles de implementación.
// cómo_lo_hace
Renderiza con los mismos providers de producción, interactúa mediante queries accesibles y userEvent, mockea HTTP con MSW, comprueba accesibilidad con axe y orienta sobre cuándo usar RTL frente a Playwright/Cypress.
// ejemplo_de_uso
Úsala cuando tus tests de React se rompen cada vez que refactorizas aunque la app funcione igual. Ej.: reescribes un test para que pulse el botón por su rol accesible y mockee la API con MSW, en vez de depender del nombre interno de un estado.
// plataformas
// opiniones_de_la_comunidad
Opiniones
Cargando opiniones…