Saltar al contenido

Cómo probar de forma unitaria un componente de reacción con Mocha

En esta sección, codificaremos un componente sencillo que renderizará un título de «Hello World» y lo probaremos usando Mocha.

Pero primero, echemos un vistazo rápido a lo que Mocha tiene que decir sobre sí mismo.

Cómo probar de forma unitaria un componente de reacción con Mocha
Cómo probar de forma unitaria un componente de reacción con Mocha

Moca

Mocha es un marco de pruebas de JavaScript rico en características que funciona en Node.js y en el navegador, haciendo que las pruebas asincrónicas sean simples y divertidas. Las pruebas de Mocha se ejecutan en serie, lo que permite una información flexible y precisa, mientras que se trazan las excepciones no capturadas de los casos de prueba correctos.

Antes de escribir la prueba, instalemos a Mocha.

1npm i mocha

consola

Mocha por sí solo no es suficiente ya que es un marco de pruebas, que espera que dejemos caer en una biblioteca de afirmación de nuestra elección, como dice la documentación.

Chai es una de las bibliotecas de afirmación más extendidas que existen. Así que usémosla en nuestro guión de prueba.

1npm i -D chai

consola

Se preguntarán cuál es la diferencia entre un marco de pruebas y una biblioteca de aseveraciones. La respuesta es que utilizamos un marco de pruebas para organizar y ejecutar los guiones de las pruebas, mientras que una biblioteca de aserción hace la verificación real de los resultados de las pruebas.

Ahora empecemos a construir nuestro componente.

App.js

1234567importReactfrom "reaccion";constApp=()=[(return<h1 ];Hello World</h1 ];;};exportdefaultApp;

jsx

La siguiente parte es muy importante ya que escribiremos nuestra prueba para el componente.

Contenidos