Test-driven front-end development

Material de apoyo para el artículo: Test-driven front-end development publicado en Octuweb.

Este repositorio contiene un test de alto nivel escrito utilizando Cypress (sendContactMessage) y otros de una granularidad inferior, utilizando Testing Library (ContactForm.test.tsx).

Cómo ejecutar los tests

El primer paso, es instalar las dependencias del proyecto:

$ yarn install

Después, hay un par de comandos listos para ejecutar las diferentes suites de pruebas:

$ yarn test:acc # ejecuta la suite de Cypress
$ yarn test:unit # ejecuta la suite de Testing Library

El primero, incluye también las instrucciones necesarias para ejecutar la aplicación (que utiliza Next.js) sobre la que se realizarán las pruebas de aceptación. Si queréis ver a Cypress en acción, haciendo clicks en el navegador y utilizando la aplicación, podéis usar el comando:

$ yarn cy:open