Soy nuevo en TDD para React. Decidí usar la biblioteca de pruebas de reacción para iniciar TDD para el desarrollo. Supongamos que debería verificar un accesorio y un texto simple en el componente:
import { render, screen } from '@testing-library/react'; import Card from '../Card'; test('render without crash', () => { render(<Card />); expect(screen.getByText('Card Component')).toBeInTheDocument(); }); test('title', () => { render(<Card title="test" />); expect(screen.getByText('test')).toBeInTheDocument(); }); Utilicé render dos veces dos para comprobar diferentes tipos de renderizado para mi componente. Pero me preocupaba el rendimiento... ¿Es una buena práctica usar el render por separado en cualquier prueba? o debería crear algo como esta variable común:
const Component = render(<Card title={...} prop2={} prop3={} ... />);
luego usar Component en lugar de usar render nuevamente?
No creo que esto sería una mala práctica. Usualmente uso uno de estos enfoques:
test() , si siempre necesito la misma configuración para cada prueba (accesorios, contextos, redux store...),test() , para que pueda ajustar accesorios y contexto y probar múltiples configuraciones.Consulte https://stackoverflow.com/a/61838982/2295549 para obtener una explicación más completa y algunos pros y contras.
Pero usar render varias veces no es una mala práctica, de hecho , es un patrón usado en documentos oficiales .