Anatomía de los Test
El patrón más común para generar una prueba es mediante 3A (Arrange Act Asset). El cual explica la forma de organizar y estructurar las pruebas para que fuesen claras y entendibles, separando cada prueba según el enfoque se pretende dar.
.
- Organización (Arrange). Inicializa los objetos, estableciendo sus estados o valores iniciales.
- Acto (Act). La invocación de la prueba según sea el escenario estipulado.
- Afirmación (Asset). Se verifica la acción, según sea lo esperado por la prueba.
.
describe('Button', () => {
// Arrage of block/section
const handleClick = () => console.log('On Click')
test('Should be able to show text in button', () => {
// Arrage of test
const buttonText = 'Click Me!'
const component = await mount(
<Button onClick=handleClick>{buttonText}</Button>)
// Act
await component.click();
// Assert
await expect(component).toContainText('Click Me!');
})
test('Should be able to pass a callback function', () => { ... })
})
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?