Pero si hay un framework de testing que est\u00e1 ganando popularidad gracias a su facilidad de uso y ventajas sobre los anteriores, ese es Cypress.<\/p>\n\n\n\n
\u00bfQu\u00e9 es Cypress?<\/strong><\/h2>\n\n\n\nCypress es un framework open source<\/em> para el testing autom\u00e1tico<\/a> del frontend de aplicaciones web<\/a> basadas en JavaScript. Su uso no solo se limita a las pruebas E2E, sino que tambi\u00e9n permite la creaci\u00f3n de pruebas de integraci\u00f3n o unitarias.<\/p>\n\n\n\nDado que dispone de sus propias librer\u00edas de aserciones, comandos customizados y otras funcionalidades interesantes (como disponer de un dashboard para debugar y ejecutar nuestros tests), Cypress se confirma como un framework vers\u00e1til adaptado a las caracter\u00edsticas de la web moderna.<\/p>\n\n\n\n
Todo ello partiendo de una arquitectura construida desde cero: no se necesita partir de Selenium.<\/p>\n\n\n\n
Esto nos permite trabajar con un framework que no requiere la instalaci\u00f3n de herramientas y librer\u00edas externas para poder empezar a crear nuestros tests.<\/p>\n\n\n\n![\"C\u00f3digo](\"https:\/\/wata.es\/wp-content\/uploads\/2023\/04\/MicrosoftTeams-image-48.png\")
<\/figure>\n\n\n\n<\/div>\n\n\n\n\u00bfPor qu\u00e9 Cypress?<\/strong><\/h2>\n\n\n\nDebido a la evoluci\u00f3n de las aplicaciones web y al surgimiento de frameworks basados en JavaScript m\u00e1s actuales y modernos como Angular<\/a>, Vue<\/a> o React, tambi\u00e9n han evolucionado los frameworks de pruebas E2E. En este punto, dada la versatilidad y facilidad de uso que ofrece Cypress, es de esperar la popularidad que ha ganado desde su creaci\u00f3n.<\/p>\n\n\n\nOtra caracter\u00edstica interesante de Cypress es que este framework ejecuta la l\u00f3gica de nuestros tests en el mismo ciclo de ejecuci\u00f3n que la aplicaci\u00f3n. Por debajo de Cypress se ejecuta un proceso de NodeJS que responde a los eventos de nuestra aplicaci\u00f3n en tiempo real, y todo sin la necesidad de usar WebDriver para la ejecuci\u00f3n de nuestras pruebas.<\/p>\n\n\n
\n![\"Pantalla](\"https:\/\/wata.es\/wp-content\/uploads\/2023\/04\/MicrosoftTeams-image-51.png\")
<\/figure>\n<\/div>\n\n\n<\/div>\n\n\n\nCypress tambi\u00e9n nos facilita el trabajo a la hora de desarrollar los tests, ya que s\u00f3lo es necesario tener conocimientos b\u00e1sicos de JavaScript para poder empezar. Tambi\u00e9n se utilizan aserciones de otros frameworks de testing conocidos como Chai y Mocha.<\/p>\n\n\n\n
Y por supuesto, otro de los motivos destacados para usar Cypress es poder disponer de su dashboard, que no es m\u00e1s que una interfaz gr\u00e1fica donde podemos ver el proceso y ejecuci\u00f3n de nuestros tests en tiempo real como si estuvi\u00e9ramos en la piel del usuario, de modo que podemos debugar y tener un visionado directo de los errores aparecidos en nuestras pruebas.<\/p>\n\n\n\n![\"Interfaz](\"https:\/\/wata.es\/wp-content\/uploads\/2023\/04\/MicrosoftTeams-image-52.png\")
<\/figure>\n\n\n\n<\/div>\n\n\n\nCaracter\u00edsticas relevantes de Cypress<\/strong><\/h2>\n\n\n\nCypress posee muchas caracter\u00edsticas que son ventajosas con respecto a otros frameworks, y que nos puede ayudar a tomar la decisi\u00f3n de usarlo como nuestra herramienta de pruebas E2E en proyectos web.<\/p>\n\n\n\n
1. Estado actual del framework y curva de aprendizaje<\/strong><\/p>\n\n\n\nCypress es un framework todo-en-uno<\/em> actual y moderno, que dispone de buena documentaci\u00f3n, una comunidad activa y continuas actualizaciones.<\/p>\n\n\n\nOfrece una r\u00e1pida puesta a punto del framework en nuestro proyecto, gracias a que la instalaci\u00f3n es r\u00e1pida y apenas requiere configuraci\u00f3n. Las pruebas se escriben en JavaScript y la librer\u00eda de Cypress dispone de comandos descriptivos y concisos.<\/p>\n\n\n\n
Todo esto contribuye a una curva de aprendizaje llana, tanto para el equipo de desarrollo como para el equipo de QA<\/a>.<\/p>\n\n\n\n2. Integraci\u00f3n (o no) con otras tecnolog\u00edas<\/strong><\/p>\n\n\n\nCypress no requiere de la integraci\u00f3n de Selenium, ya que dispone de una arquitectura que parte de cero. En general tampoco necesita integrarse con otras librer\u00edas y frameworks externos, pero podemos hacerlo si queremos extender la funcionalidad del framework con tecnolog\u00edas conocidas como Mocha, Chai o jQuery.<\/p>\n\n\n\n
Tambi\u00e9n funciona con cualquier librer\u00eda o framework basado en JavaScript que corra en un navegador.<\/p>\n\n\n\n
3. Interacci\u00f3n con los navegadores<\/strong><\/p>\n\n\n\nCon Cypress no ser\u00eda necesaria la instalaci\u00f3n de un navegador gracias al navegador headless<\/em> (sin interfaz gr\u00e1fica), lo cual permite ejecuciones m\u00e1s r\u00e1pidas y en menor tiempo. Gracias a esto, no ser\u00eda necesario tener un navegador instalado para correr las pruebas E2E por Integraci\u00f3n Cont\u00ednua<\/a>.<\/p>\n\n\n\nPor otro lado, no necesitamos ejecutar un WebDriver en Cypress, ya que nuestras pruebas se ejecutan dentro de un navegador a trav\u00e9s de un proceso de NodeJS.<\/p>\n\n\n\n
Dado que dispone de sus propias librer\u00edas de aserciones, comandos customizados y otras funcionalidades interesantes (como disponer de un dashboard para debugar y ejecutar nuestros tests), Cypress se confirma como un framework vers\u00e1til adaptado a las caracter\u00edsticas de la web moderna.<\/p>\n\n\n\n
Todo ello partiendo de una arquitectura construida desde cero: no se necesita partir de Selenium.<\/p>\n\n\n\n
Esto nos permite trabajar con un framework que no requiere la instalaci\u00f3n de herramientas y librer\u00edas externas para poder empezar a crear nuestros tests.<\/p>\n\n\n\n Debido a la evoluci\u00f3n de las aplicaciones web y al surgimiento de frameworks basados en JavaScript m\u00e1s actuales y modernos como Angular<\/a>, Vue<\/a> o React, tambi\u00e9n han evolucionado los frameworks de pruebas E2E. En este punto, dada la versatilidad y facilidad de uso que ofrece Cypress, es de esperar la popularidad que ha ganado desde su creaci\u00f3n.<\/p>\n\n\n\n Otra caracter\u00edstica interesante de Cypress es que este framework ejecuta la l\u00f3gica de nuestros tests en el mismo ciclo de ejecuci\u00f3n que la aplicaci\u00f3n. Por debajo de Cypress se ejecuta un proceso de NodeJS que responde a los eventos de nuestra aplicaci\u00f3n en tiempo real, y todo sin la necesidad de usar WebDriver para la ejecuci\u00f3n de nuestras pruebas.<\/p>\n\n\n Cypress tambi\u00e9n nos facilita el trabajo a la hora de desarrollar los tests, ya que s\u00f3lo es necesario tener conocimientos b\u00e1sicos de JavaScript para poder empezar. Tambi\u00e9n se utilizan aserciones de otros frameworks de testing conocidos como Chai y Mocha.<\/p>\n\n\n\n Y por supuesto, otro de los motivos destacados para usar Cypress es poder disponer de su dashboard, que no es m\u00e1s que una interfaz gr\u00e1fica donde podemos ver el proceso y ejecuci\u00f3n de nuestros tests en tiempo real como si estuvi\u00e9ramos en la piel del usuario, de modo que podemos debugar y tener un visionado directo de los errores aparecidos en nuestras pruebas.<\/p>\n\n\n\n Cypress posee muchas caracter\u00edsticas que son ventajosas con respecto a otros frameworks, y que nos puede ayudar a tomar la decisi\u00f3n de usarlo como nuestra herramienta de pruebas E2E en proyectos web.<\/p>\n\n\n\n 1. Estado actual del framework y curva de aprendizaje<\/strong><\/p>\n\n\n\n Cypress es un framework todo-en-uno<\/em> actual y moderno, que dispone de buena documentaci\u00f3n, una comunidad activa y continuas actualizaciones.<\/p>\n\n\n\n Ofrece una r\u00e1pida puesta a punto del framework en nuestro proyecto, gracias a que la instalaci\u00f3n es r\u00e1pida y apenas requiere configuraci\u00f3n. Las pruebas se escriben en JavaScript y la librer\u00eda de Cypress dispone de comandos descriptivos y concisos.<\/p>\n\n\n\n Todo esto contribuye a una curva de aprendizaje llana, tanto para el equipo de desarrollo como para el equipo de QA<\/a>.<\/p>\n\n\n\n 2. Integraci\u00f3n (o no) con otras tecnolog\u00edas<\/strong><\/p>\n\n\n\n Cypress no requiere de la integraci\u00f3n de Selenium, ya que dispone de una arquitectura que parte de cero. En general tampoco necesita integrarse con otras librer\u00edas y frameworks externos, pero podemos hacerlo si queremos extender la funcionalidad del framework con tecnolog\u00edas conocidas como Mocha, Chai o jQuery.<\/p>\n\n\n\n Tambi\u00e9n funciona con cualquier librer\u00eda o framework basado en JavaScript que corra en un navegador.<\/p>\n\n\n\n 3. Interacci\u00f3n con los navegadores<\/strong><\/p>\n\n\n\n Con Cypress no ser\u00eda necesaria la instalaci\u00f3n de un navegador gracias al navegador headless<\/em> (sin interfaz gr\u00e1fica), lo cual permite ejecuciones m\u00e1s r\u00e1pidas y en menor tiempo. Gracias a esto, no ser\u00eda necesario tener un navegador instalado para correr las pruebas E2E por Integraci\u00f3n Cont\u00ednua<\/a>.<\/p>\n\n\n\n Por otro lado, no necesitamos ejecutar un WebDriver en Cypress, ya que nuestras pruebas se ejecutan dentro de un navegador a trav\u00e9s de un proceso de NodeJS.<\/p>\n\n\n\n<\/figure>\n\n\n\n\u00bfPor qu\u00e9 Cypress?<\/strong><\/h2>\n\n\n\n
<\/figure>\n<\/div>\n\n\n<\/figure>\n\n\n\nCaracter\u00edsticas relevantes de Cypress<\/strong><\/h2>\n\n\n\n