Log in
JavaScript Conferences
TestJS Summit 2022TestJS Summit 2022
ES

Arquitectura de Pruebas Web y Refactorización con Cypress

Walmyr
Walmyr
Talking About Testing online school
certificate
Recording and certification are available to Multipass and Full ticket holders only
Please login if you have one.
Get Multipass
Rate this content
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
Walmyr
158 min
10 Nov, 2022

Comments

Sign in or register to post your comment.

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 2022TestJS Summit 2022
146 min
Cómo empezar con Cypress
Featured WorkshopFree
Filip Hric
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.
testingcypress
Pruebas de Aplicaciones Web utilizando Cypress
TestJS Summit - January, 2021TestJS Summit - January, 2021
173 min
Pruebas de Aplicaciones Web utilizando Cypress
WorkshopFree
Gleb Bahmutov
Gleb Bahmutov
Este masterclass te enseñará los conceptos básicos de cómo escribir pruebas de extremo a extremo utilizando Cypress Test Runner.
Cubriremos la escritura de pruebas, abarcando todas las características de la aplicación, estructurando las pruebas, interceptando solicitudes de red y configurando los datos del backend.
Cualquier persona que conozca el lenguaje de programación JavaScript y tenga NPM instalado podrá seguir el masterclass.
testingjavascriptcypresse2e testing
Mejores Prácticas para Escribir y Depurar Pruebas de Cypress
TestJS Summit 2023TestJS Summit 2023
148 min
Mejores Prácticas para Escribir y Depurar Pruebas de Cypress
Workshop
Filip Hric
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.
testingcypress
Gestión de Pruebas Inestables con Cypress
TestJS Summit 2021TestJS Summit 2021
114 min
Gestión de Pruebas Inestables con Cypress
Workshop
Cecelia Martinez
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
testingcypress

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 2021TestJS Summit 2021
33 min
Solicitudes de Red con Cypress
Top Content
Cecelia Martinez
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.
testingcypress
Pruebas de ciclo completo con Cypress
TestJS Summit 2022TestJS Summit 2022
27 min
Pruebas de ciclo completo con Cypress
Top Content
Filip Hric
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.
testingcypresse2e testing
Pruebas pequeñas, grandes resultados
TestJS Summit 2022TestJS Summit 2022
21 min
Pruebas pequeñas, grandes resultados
Nikolay Advolodkin
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.
cypresse2e testing
Luchando contra la inestabilidad de las pruebas con máquinas del tiempo
TestJS Summit 2023TestJS Summit 2023
29 min
Luchando contra la inestabilidad de las pruebas con máquinas del tiempo
Filip Hric
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 2021TestJS Summit 2021
9 min
Regresión Visual con Puppeteer, Playwright y Cypress
Top Content
Rainer Hahnekamp
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!
testingcypressautomationvisual regression testing react
No cometas estos errores de prueba
TestJS Summit - January, 2021TestJS Summit - January, 2021
27 min
No cometas estos errores de prueba
Gleb Bahmutov
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.
testingcypresse2e testing