Versión en EspañolES

Arquitectura de Pruebas Web y Refactorización con Cypress

Walmyr

Talking About Testing online school

Recording and certification are available to Multipass and Full ticket holders only

Please login if you have one.

Get Multipass

Bookmark

En este masterclass, te presentaré el proyecto migrator.cypress.io de una manera poco convencional, donde además de repasar los comandos de Cypress equivalentes a Protractor (y mostrarte lo simple que es Cypress), también te mostraré cómo probé dicho proyecto evolucionando los scripts de prueba automatizados según la demanda, arquitecturando el conjunto de pruebas de forma evolutiva.

This workshop has been presented at TestJS Summit 2022, check out the latest edition of this JavaScript Conference.

FAQ

Migrator.cyprus.io es una aplicación creada por el equipo de Cyprus con fines educativos, diseñada para ayudar a comprender cómo se vería un script de prueba creado con Protractor si se migrara a Cyprus.

Al iniciar la aplicación Migrator.cyprus.io y hacer clic en migrar, puedes ver el código equivalente en Cyprus directamente en la interfaz de la aplicación.

El proyecto está disponible en GitHub en el perfil de Valmir. Puedes clonar el proyecto en tu propia computadora si lo deseas.

Puedes bifurcar el proyecto en GitHub y contribuir con tus propias mejoras o nuevas características. Asegúrate de seguir las directrices de contribución del proyecto.

Después de clonar el proyecto, debes cambiar el directorio para ingresar al proyecto, ejecutar 'MPM install' para instalar las dependencias y luego ejecutar 'MPM test' para ejecutar las pruebas en modo headless.

Puedes ejecutar las pruebas en modo interactivo utilizando el comando 'MPM run side:open', que abrirá la aplicación Cypress donde podrás ver las pruebas ejecutándose.

El proyecto está utilizando Cypress 11.0.1, que es una versión recientemente lanzada en el momento de la creación de esta documentación.

cypress

Walmyr

158 min

10 Nov, 2022

Comments

Video Summary and Transcription

El masterclass sobre Migrator.cyprus.io cubrió la migración de los scripts de prueba de Protractor a Cypress utilizando la aplicación Migrator.cyprus.io. El masterclass incluyó la ejecución de pruebas, discusión sobre la arquitectura del proyecto y mejoras de código. Se introdujeron comandos personalizados para reducir la duplicación de código. El masterclass también cubrió pautas para escribir código, actualizaciones de versiones y técnicas de optimización. Los participantes compartieron sus experiencias y recomendaciones para utilizar Cypress en pruebas de interfaz de usuario y API.

Available in English: Web Testing Architecture and Refactoring With Cypress

Video transcription and chapters available for users with access.

Available in other languages:

Watch more workshops on topic

Cómo empezar con Cypress

TestJS Summit 2022

146 min

Cómo empezar con Cypress

Featured WorkshopFree

Filip Hric

La web ha evolucionado. Finalmente, también lo ha hecho el testing. Cypress es una herramienta de testing moderna que responde a las necesidades de testing de las aplicaciones web modernas. Ha ganado mucha popularidad en los últimos años, obteniendo reconocimiento a nivel mundial. Si has estado esperando aprender Cypress, ¡no esperes más! Filip Hric te guiará a través de los primeros pasos sobre cómo empezar a usar Cypress y configurar tu propio proyecto. La buena noticia es que aprender Cypress es increíblemente fácil. Escribirás tu primer test en poco tiempo y luego descubrirás cómo escribir un test de extremo a extremo completo para una aplicación web moderna. Aprenderás conceptos fundamentales como la capacidad de reintentar. Descubre cómo trabajar e interactuar con tu aplicación y aprende cómo combinar pruebas de API y de UI. A lo largo de todo este masterclass, escribiremos código y realizaremos ejercicios prácticos. Saldrás con una experiencia práctica que podrás aplicar a tu propio proyecto.

testing cypress

Testing Web Applications Using Cypress

TestJS Summit - January, 2021

173 min

Testing Web Applications Using Cypress

Top Content

WorkshopFree

Gleb Bahmutov

Esta masterclass te enseñará los conceptos básicos para escribir pruebas end-to-end útiles utilizando Cypress Test Runner.
Cubriremos la escritura de pruebas, cubriendo cada característica de la aplicación, estructurando pruebas, interceptando solicitudes de red y configurando los datos del backend.
Cualquiera que conozca el lenguaje de programación JavaScript y tenga NPM instalado podrá seguir adelante.

e2e testing javascript testing cypress

Mejores Prácticas para Escribir y Depurar Pruebas de Cypress

TestJS Summit 2023

148 min

Mejores Prácticas para Escribir y Depurar Pruebas de Cypress

Workshop

Filip Hric

Probablemente conozcas la historia. Has creado un par de pruebas y, como estás utilizando Cypress, lo has hecho bastante rápido. Parece que nada te detiene, pero luego - prueba fallida. No fue la aplicación, no fue un error, la prueba fue... ¿inestable? Bueno sí. El diseño de la prueba es importante sin importar la herramienta que utilices, incluyendo Cypress. La buena noticia es que Cypress tiene un par de herramientas bajo su cinturón que pueden ayudarte. Únete a mí en mi masterclass, donde te guiaré lejos del valle de los anti-patrones hacia los campos de pruebas estables y siempre verdes. Hablaremos sobre los errores comunes al escribir tu prueba, así como depurar y revelar problemas subyacentes. Todo con el objetivo de evitar la inestabilidad y diseñar pruebas estables.

testing cypress

Gestión de Pruebas Inestables con Cypress

TestJS Summit 2021

114 min

Gestión de Pruebas Inestables con Cypress

Workshop

Cecelia Martinez

Este masterclass es para usuarios de Cypress que desean mejorar su juego contra la inestabilidad en sus suites de pruebas. Aprovechando la aplicación Cypress Real World, cubriremos las causas más comunes de la inestabilidad, revisaremos algunos ejemplos de cómo hacer que las pruebas sean más resistentes a la inestabilidad y repasaremos las mejores prácticas para detectar y mitigar la inestabilidad para aumentar la confianza y la fiabilidad.

Tabla de contenidos:
- Descripción general de la aplicación Cypress Real World
- ¿Qué es la inestabilidad?
- Causas de la inestabilidad
- Gestión de la inestabilidad relacionada con la red (Actividad)
- Gestión de la inestabilidad relacionada con el DOM (Actividad)
- Mejores prácticas para la detección y mitigación de la inestabilidad
- Preguntas y respuestas

testing cypress

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Solicitudes de Red con Cypress

TestJS Summit 2021

33 min

Solicitudes de Red con Cypress

Top Content

Cecelia Martinez

Ionic

Cecilia Martinez, a technical account manager at Cypress, discusses network requests in Cypress and demonstrates commands like cydot request and SCI.INTERCEPT. She also explains dynamic matching and aliasing, network stubbing, and the pros and cons of using real server responses versus stubbing. The talk covers logging request responses, testing front-end and backend API, handling list length and DOM traversal, lazy loading, and provides resources for beginners to learn Cypress.

testing cypress

Pruebas de ciclo completo con Cypress

TestJS Summit 2022

27 min

Pruebas de ciclo completo con Cypress

Top Content

Filip Hric

Replay.io

Cypress is a powerful tool for end-to-end testing and API testing. It provides instant feedback on test errors and allows tests to be run inside the browser. Cypress enables testing at both the application and network layers, making it easier to reach different edge cases. With features like AppActions and component testing, Cypress allows for comprehensive testing of individual components and the entire application. Join the workshops to learn more about full circle testing with Cypress.

e2e testing testing cypress

Pruebas pequeñas, grandes resultados

TestJS Summit 2022

21 min

Pruebas pequeñas, grandes resultados

Nikolay Advolodkin

Sauce Labs

Automated atomic tests are a great way to improve UI tests by making them less brittle and faster. The tests focus on testing a single feature or component and have minimal UI interactions. The Talk explores examples of automated atomic tests and their implementation on web applications. It also discusses the analysis of atomic tests, login tests, and working with JSON Web Tokens for authentication and authorization. The Talk concludes by highlighting the use of UI and web requests in automated atomic testing.

e2e testing cypress

Luchando contra la inestabilidad de las pruebas con máquinas del tiempo

TestJS Summit 2023

29 min

Luchando contra la inestabilidad de las pruebas con máquinas del tiempo

Filip Hric

Replay.io

The Talk discusses the importance of learning from the past in software testing and troubleshooting test flakiness. It highlights the challenges of using memory and communication to gather information. The introduction of Replay.io, a time-traveling debugger, is proposed as a solution. The benefits of using Replay Chromium for recording and debugging, as well as the features of the Replay debugger, are emphasized. The Talk also addresses the relationship between test flakiness and app flakiness, and the significance of simulating real-world scenarios in testing.

cypress

Regresión Visual con Puppeteer, Playwright y Cypress

TestJS Summit 2021

9 min

Regresión Visual con Puppeteer, Playwright y Cypress

Top Content

Rainer Hahnekamp

AngularArchitects.io

Hello, I'm Rainer Haneckamp, a trainer and consultant at Angular Architects. In this talk, we'll explore visual regression testing using tools like Puppeteer, Playwright, and Cypress. We'll learn how to use Storybook and Puppeteer with Jest for visual regression testing. We'll also see how Jest and Playwright can be used together for visual regression testing. Finally, we'll discover how to use Cypress for visual regression testing. Thank you for watching!

visual regression testing react testing automation cypress

No cometas estos errores de prueba

TestJS Summit - January, 2021

27 min

No cometas estos errores de prueba

Gleb Bahmutov

Mercari

The Talk discusses common mistakes in Cypress tests, such as accessing the file system directly instead of using the Cypress command, and the importance of writing effective Cypress tests for different scenarios. It also emphasizes the need for adding assertions during navigation and alternating commands and assertions. The Talk highlights the significance of documentation and examples in providing support and addresses the advantages of using the Cypress Node test runner. It concludes with tips on debugging, data tests, and testing user journeys and edge cases.

e2e testing testing cypress