Cómo elegir una herramienta de automatización

Rate this content
Bookmark

¿Cuáles son los aspectos que debes tener en cuenta al elegir un marco de automatización? Algunas diferencias principales entre los marcos disponibles.

Explica las principales diferencias entre los marcos más conocidos para la automatización: Selenium, Cypress, Playwright y Robot Framework. Aspectos positivos y negativos de los marcos. Dependiendo de las necesidades del proyecto en el que trabajas, ¿cuál es el mejor marco para usar? Breve conversación sobre cómo los marcos se integran con algunas herramientas de gestión de pruebas.

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

FAQ

Es crucial analizar la aplicación críticamente, identificar puntos débiles y características frágiles, y consultar con el equipo de desarrollo sobre la cobertura de pruebas unitarias existente para evitar duplicaciones.

Selenium es ampliamente soportado por una gran comunidad y simula interacciones reales del navegador. Sin embargo, requiere integraciones de terceros para pruebas de API y no admite pruebas paralelas ni tiene herramienta de informes incorporada.

Cypress es un framework todo-en-uno, ideal para principiantes y compatible con JavaScript. Ofrece informes incorporados pero no admite pruebas paralelas ni multitap, lo que puede limitar ciertas configuraciones de pruebas.

Playwright es un framework relativamente nuevo que admite pruebas paralelas y tiene aislamiento de contexto. Es completo para varios tipos de pruebas, incluyendo pruebas visuales, aunque su comunidad aún está creciendo y la documentación puede ser confusa.

La documentación es crucial para compartir conocimiento dentro del equipo y la empresa, asegurando que todos entiendan qué se está probando y facilitando la revisión de procesos pasados en el futuro.

Lia sugiere considerar herramientas como Xray y TestRail, que tienen integración con Jira y ayudan a visualizar y gestionar los procesos de pruebas dentro del equipo de desarrollo y calidad.

Es importante priorizar las pruebas, empezando posiblemente por aquellas que son más complejas o dolorosas de realizar manualmente, para maximizar la eficiencia y efectividad del proceso de automatización.

Lia recomienda preparar una presentación bien estructurada que demuestre confianza y seguridad en el plan propuesto, asegurando el apoyo del equipo de dirección y mostrando cómo el plan beneficia al producto y al equipo en general.

Lia Moreira
Lia Moreira
21 min
03 Nov, 2022

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Soy Lia, una ingeniera de software en Nocare, y voy a mostrarte un proceso para elegir una herramienta de automatización. Compararé tres marcos y discutiré otras opciones de integración. Selenium es un marco bien establecido con una gran comunidad, pero requiere integraciones de terceros para ciertos tipos de pruebas. Cypress es una herramienta todo en uno que admite pruebas unitarias, pero solo funciona con JavaScript y carece de capacidades de pruebas paralelas. Playwright es un marco más nuevo que es más completo y admite pruebas paralelas, pero tiene una comunidad más pequeña y una documentación menos madura. Si quieres un marco que lo haga todo, elige Playwright. La documentación es esencial para recordar tus pensamientos iniciales, mostrar a otros qué se está probando y establecer buenas prácticas. Una vez que tengas tu lista de pruebas, marco elegido y priorizaciones, programa una reunión con la dirección. Presenta tu trabajo con confianza, ya que es el mejor enfoque para el equipo y el producto.
Available in English: How to Choose an Automation Tool

1. Choosing an Automation Tool

Short description:

Soy Lia, una ingeniera de software en Nocare, y voy a mostrarles un proceso para elegir una herramienta de automatización. Compararé tres frameworks y discutiré otras opciones de integración. Analizar su aplicación es el primer paso, entender sus puntos débiles y crear una lista de pruebas. Hablen con el equipo de desarrollo para evitar la duplicación de trabajo. Si no tienen pruebas unitarias, consideren implementar pruebas de automatización a lo largo del proceso. Decidan si quieren programar y elijan un lenguaje cómodo. Si no, hay opciones inclusivas como testing y perfecto. Si prefieren programar, compararé Selenium, Cypress y Playwright.

Espero que todos se sientan bien y antes que nada, quiero agradecerles a todos por estar aquí hoy. Soy Lia y les mostraré un proceso que pueden utilizar para elegir una herramienta de automatización. Haré una comparación general de tres frameworks que considero los mejores en este momento, y hablaré un poco sobre otras herramientas que pueden integrar en su proceso de automatización.

Así que una breve introducción sobre quién soy. Soy una ingeniera de software en Nocare. Mi enfoque principal es la automatización de pruebas. Y ahora vamos a sumergirnos en esto. Este es un proceso de tres pasos, como todos los buenos, por supuesto. Pero cada paso requerirá atención y trabajo. Así que sigamos adelante y sumerjámonos en la primera fase, que es analizar.

Analizar significa responder algunas preguntas. Y la primera no es realmente una pregunta. Es entender su aplicación. Mírenla y sean realmente críticos al respecto. Traten de entender cuáles son los puntos débiles, las características que se pueden romper más fácilmente, y traten de pensar en casos extremos en la aplicación. Así que tengan una imagen general de la aplicación que van a probar y hagan una lista. Hagan una lista de las pruebas que quieren o necesitan hacer. En este momento, sería una buena idea hablar con el equipo de desarrollo y tratar de entender cuál es la cobertura de pruebas unitarias que tienen, si es que tienen, y al conocer su cobertura pueden evitar la duplicación de trabajo por su parte.

Y si no tienen pruebas unitarias, es una buena oportunidad para reunirse con ellos y con el equipo de gestión y pensar en una forma de tener cobertura desde el desarrollo hasta la producción. Y esto significa tener pruebas de automatización en todas las partes del proceso. Así que el equipo de desarrollo tendrá pruebas unitarias y ustedes pueden tener pruebas de seguridad, accesibilidad, o cualquier otro tipo que consideren más adecuado. Teniendo esto en cuenta, tendrán que preguntarse si quieren programar o no, y preguntar a su equipo si se sienten cómodos haciéndolo. Y en qué lenguaje se sienten más cómodos trabajando. Así que teniendo esto, terminarán con una lista más o menos como esta, en la que tienen si el equipo de desarrollo tiene pruebas unitarias o no, qué tipo de pruebas van a hacer, y tendrán un lenguaje con el que se sientan más cómodos trabajando, si eligen programar. Así que si no quieren programar, eso no es un problema porque aquí somos inclusivos y tenemos opciones para todos. Y si no quieren programar, les daré dos opciones que conozco, y tengan en cuenta que creo que hay muchas más opciones para ustedes, así que si estas opciones que les voy a dar no se adaptan a sus necesidades, simplemente búsquenlas. Y estamos entrando aquí en la siguiente parte que es buscar, pero antes les voy a hablar sobre testing y perfecto, y estas dos son similares en las cosas que pueden hacer, pero en una explicación rápida, estas dos graban sus pruebas manuales, y por cada acción que realicen en el navegador hacen un bloque. Y cuando terminen tendrán su caso de prueba y su automatización que es un grupo de bloques, al igual que en la programación pueden crear un grupo de bloques que pueden reutilizar entre pruebas, pueden crear carpetas para ejecutar en cada implementación, tienen un grupo completo de opciones que pueden tener al igual que en la programación. Así que si no quieren programar, echen un vistazo a esta herramienta y sumérjanse en ella porque estoy segura de que también tendrán opciones para ustedes. Así que si quieren programar, haré una comparación entre Selenium y Cypress.

2. Comparando Selenium, Cypress y Playwright

Short description:

Selenium es un framework bien establecido con una gran comunidad, pero requiere integraciones de terceros para ciertos tipos de pruebas. No admite pruebas paralelas ni iframes. Cypress es una herramienta todo en uno que admite pruebas unitarias, pero solo funciona con JavaScript y carece de capacidades de pruebas paralelas. Playwright es un framework más nuevo que es más completo y admite pruebas paralelas, pero tiene una comunidad más pequeña y una documentación menos madura.

Selenium y Playwright. Y esto es más o menos lo que van a hacer en la parte de búsqueda con los frameworks que elijan para comparar. Y comenzando con Selenium. Selenium es un framework que ha estado aquí durante mucho tiempo, y esto significa que Selenium tiene una gran comunidad que lo respalda. Y no estarán solos trabajando porque tendrán Stack Overflow para ayudarlos con un gran grupo de personas que pueden ayudarlos. Y en general, es un framework realmente bueno, pero necesitará terceros para trabajar con ciertos tipos de pruebas. Entonces, Selenium automatiza el navegador. Simula una interacción real del navegador, lo que significa que si necesitan hacer pruebas de API, deberán integrarse con un tercero para tener las pruebas de API. Y dado que Selenium no admite por sí mismo pruebas paralelas, deberán integrarse con Selenium Grid y una herramienta de navegadores cruzados para que funcione. Y para mí, las desventajas más importantes de Selenium son que no tiene una herramienta de informes incorporada, por lo que necesitarán un tercero como X-Ray o Test Rail, de los que hablaré un poco al final, para admitir esto. Y no admite iframes o popups. Entonces, si su aplicación depende de iframes de terceros, Selenium no será realmente el framework adecuado. Pero, si esto es algo con lo que pueden vivir sin, Selenium es realmente muy bueno para trabajar con un gran conjunto de pruebas, pero, como les dije, necesitará integraciones de terceros para algunos tipos de pruebas, y esto hará que sea más difícil trabajar al principio. No estoy diciendo que sea imposible porque nada es imposible, pero necesitarán algo de experiencia y conocimiento para comprender cuáles son las soluciones alternativas que deben hacer aquí, ¿de acuerdo? Entonces, es una buena herramienta. Si quieren algo más fácil para comenzar, pasemos a la otra herramienta y comprendamos cuáles son las diferencias aquí. Con Cypress, Cypress es una herramienta todo en uno, lo que significa que el equipo de desarrollo puede hacer pruebas unitarias y ustedes pueden hacer los otros tipos de pruebas en su sitio, y todo el equipo trabaja con el mismo framework, y esto es genial porque pueden ayudarse mutuamente y revisar el código entre ustedes, y es muy completo, tiene un informe incorporado, no necesitan integrarse con terceros aquí, pero la desventaja es que solo funciona con JavaScript y no admite pruebas paralelas y pruebas multitap, lo que significa que si necesitan tener ciertos tipos de configuraciones que deben ejecutarse al mismo tiempo, por ejemplo, si quieren tener un navegador con un dispositivo y varias configuraciones al respecto, deberán ejecutarlos por separado. Entonces, será un tiempo muy largo ejecutar el caso de prueba. Si necesitan tener varios conjuntos de configuraciones aquí, varios entornos ejecutándose al mismo tiempo, deben considerar si Cypress será una buena herramienta para ustedes. Pero para principiantes y para un grupo pequeño o mediano de pruebas, Cypress es realmente bueno. Es una herramienta muy simple de trabajar si trabajan con JavaScript, por supuesto. Es una herramienta muy simple de trabajar y tiene mucha documentación, la comunidad está creciendo, por lo que tendrán ayuda en Stack Overflow para cualquier tipo de datos que necesiten. Pero tiene sus desventajas, al igual que todos los frameworks que encontrarán aquí. Pasando a Playwright, Playwright es un framework bastante nuevo. La primera vez que escuché hablar de él fue aquí en 2020, si no me equivoco, y creo que es el más completo de los tres. Pueden tener todo tipo de pruebas ejecutándose en Playwright, admite pruebas paralelas para que puedan tener varios conjuntos de configuraciones y entornos ejecutándose al mismo tiempo. Tiene aislamiento de contexto para que puedan tener pruebas para nuevas pestañas y clics que se abren en una nueva pestaña, puede capturar videos y capturas de pantalla para que puedan tener pruebas visuales en comparación. Pero es un framework nuevo, así que tengan en cuenta que hay algunos tipos de características que no están completamente desarrolladas, por lo que si buscan un framework establecido, tal vez Playwright no sea la opción. Y dado que es un framework nuevo, la comunidad no es muy grande en comparación con los otros dos, por lo que necesitarán tener algo de experiencia en programación y conocimientos, y buscar cosas porque estarán un poco solos en esto. Tendrán la comunidad de Playwrights para resolver dudas, pero Stack Overflow no está realmente lleno de preguntas y respuestas sobre cómo avanzar con Playwright. Así que tengan en cuenta que necesitarán dedicar mucho tiempo a intentar avanzar con Playwright y la documentación es un poco confusa porque, dado que hace muchas cosas, es un poco complicado trabajar con ella.

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

Escalando con Remix y Micro Frontends
Remix Conf Europe 2022Remix Conf Europe 2022
23 min
Escalando con Remix y Micro Frontends
Top Content
This talk discusses the usage of Microfrontends in Remix and introduces the Tiny Frontend library. Kazoo, a used car buying platform, follows a domain-driven design approach and encountered issues with granular slicing. Tiny Frontend aims to solve the slicing problem and promotes type safety and compatibility of shared dependencies. The speaker demonstrates how Tiny Frontend works with server-side rendering and how Remix can consume and update components without redeploying the app. The talk also explores the usage of micro frontends and the future support for Webpack Module Federation in Remix.
Solicitudes de Red con Cypress
TestJS Summit 2021TestJS Summit 2021
33 min
Solicitudes de Red con Cypress
Top Content
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.
Componentes de Full Stack
Remix Conf Europe 2022Remix Conf Europe 2022
37 min
Componentes de Full Stack
Top Content
RemixConf EU discussed full stack components and their benefits, such as marrying the backend and UI in the same file. The talk demonstrated the implementation of a combo box with search functionality using Remix and the Downshift library. It also highlighted the ease of creating resource routes in Remix and the importance of code organization and maintainability in full stack components. The speaker expressed gratitude towards the audience and discussed the future of Remix, including its acquisition by Shopify and the potential for collaboration with Hydrogen.
Depuración de JS
React Summit 2023React Summit 2023
24 min
Depuración de JS
Top Content
Debugging JavaScript is a crucial skill that is often overlooked in the industry. It is important to understand the problem, reproduce the issue, and identify the root cause. Having a variety of debugging tools and techniques, such as console methods and graphical debuggers, is beneficial. Replay is a time-traveling debugger for JavaScript that allows users to record and inspect bugs. It works with Redux, plain React, and even minified code with the help of source maps.
Haciendo JavaScript en WebAssembly Rápido
JSNation Live 2021JSNation Live 2021
29 min
Haciendo JavaScript en WebAssembly Rápido
Top Content
WebAssembly enables optimizing JavaScript performance for different environments by deploying the JavaScript engine as a portable WebAssembly module. By making JavaScript on WebAssembly fast, instances can be created for each request, reducing latency and security risks. Initialization and runtime phases can be improved with tools like Wiser and snapshotting, resulting in faster startup times. Optimizing JavaScript performance in WebAssembly can be achieved through techniques like ahead-of-time compilation and inline caching. WebAssembly usage is growing outside the web, offering benefits like isolation and portability. Build sizes and snapshotting in WebAssembly depend on the application, and more information can be found on the Mozilla Hacks website and Bike Reliance site.

Workshops on related topic

Diseñando Pruebas Efectivas con la Biblioteca de Pruebas de React
React Summit 2023React Summit 2023
151 min
Diseñando Pruebas Efectivas con la Biblioteca de Pruebas de React
Top Content
Featured Workshop
Josh Justice
Josh Justice
La Biblioteca de Pruebas de React es un gran marco para las pruebas de componentes de React porque responde muchas preguntas por ti, por lo que no necesitas preocuparte por esas preguntas. Pero eso no significa que las pruebas sean fáciles. Todavía hay muchas preguntas que tienes que resolver por ti mismo: ¿Cuántas pruebas de componentes debes escribir vs pruebas de extremo a extremo o pruebas de unidad de nivel inferior? ¿Cómo puedes probar una cierta línea de código que es difícil de probar? ¿Y qué se supone que debes hacer con esa persistente advertencia de act()?
En esta masterclass de tres horas, presentaremos la Biblioteca de Pruebas de React junto con un modelo mental de cómo pensar en el diseño de tus pruebas de componentes. Este modelo mental te ayudará a ver cómo probar cada bit de lógica, si debes o no simular dependencias, y ayudará a mejorar el diseño de tus componentes. Te irás con las herramientas, técnicas y principios que necesitas para implementar pruebas de componentes de bajo costo y alto valor.
Tabla de contenidos- Los diferentes tipos de pruebas de aplicaciones de React, y dónde encajan las pruebas de componentes- Un modelo mental para pensar en las entradas y salidas de los componentes que pruebas- Opciones para seleccionar elementos DOM para verificar e interactuar con ellos- El valor de los mocks y por qué no deben evitarse- Los desafíos con la asincronía en las pruebas de RTL y cómo manejarlos
Requisitos previos- Familiaridad con la construcción de aplicaciones con React- Experiencia básica escribiendo pruebas automatizadas con Jest u otro marco de pruebas unitarias- No necesitas ninguna experiencia con la Biblioteca de Pruebas de React- Configuración de la máquina: Node LTS, Yarn
Domina los Patrones de JavaScript
JSNation 2024JSNation 2024
145 min
Domina los Patrones de JavaScript
Top Content
Featured Workshop
Adrian Hajdin
Adrian Hajdin
Durante esta masterclass, los participantes revisarán los patrones esenciales de JavaScript que todo desarrollador debería conocer. A través de ejercicios prácticos, ejemplos del mundo real y discusiones interactivas, los asistentes profundizarán su comprensión de las mejores prácticas para organizar el código, resolver desafíos comunes y diseñar arquitecturas escalables. Al final de la masterclass, los participantes ganarán una nueva confianza en su capacidad para escribir código JavaScript de alta calidad que resista el paso del tiempo.
Puntos Cubiertos:
1. Introducción a los Patrones de JavaScript2. Patrones Fundamentales3. Patrones de Creación de Objetos4. Patrones de Comportamiento5. Patrones Arquitectónicos6. Ejercicios Prácticos y Estudios de Caso
Cómo Ayudará a los Desarrolladores:
- Obtener una comprensión profunda de los patrones de JavaScript y sus aplicaciones en escenarios del mundo real- Aprender las mejores prácticas para organizar el código, resolver desafíos comunes y diseñar arquitecturas escalables- Mejorar las habilidades de resolución de problemas y la legibilidad del código- Mejorar la colaboración y la comunicación dentro de los equipos de desarrollo- Acelerar el crecimiento de la carrera y las oportunidades de avance en la industria del software
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.
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
React Summit 2024React Summit 2024
92 min
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
Featured Workshop
Vivek Nayyar
Vivek Nayyar
Sumérgete en el mundo de la IA con nuestro masterclass interactivo diseñado específicamente para desarrolladores web. "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" ofrece una oportunidad única para cerrar la brecha entre la IA y el desarrollo web. A pesar de la prominencia de Python en el desarrollo de IA, el vasto potencial de JavaScript sigue siendo en gran medida inexplorado. Este masterclass tiene como objetivo cambiar eso.A lo largo de esta sesión práctica, los participantes aprenderán cómo aprovechar LangChain, una herramienta diseñada para hacer que los modelos de lenguaje grandes sean más accesibles y útiles, para construir agentes de IA dinámicos directamente dentro de entornos JavaScript. Este enfoque abre nuevas posibilidades para mejorar las aplicaciones web con funciones inteligentes, desde el soporte al cliente automatizado hasta la generación de contenido y más.Comenzaremos con los conceptos básicos de LangChain y los modelos de IA, asegurando una base sólida incluso para aquellos nuevos en IA. A partir de ahí, nos sumergiremos en ejercicios prácticos que demuestran cómo integrar estas tecnologías en proyectos reales de JavaScript. Los participantes trabajarán en ejemplos, enfrentando y superando los desafíos de hacer que la IA funcione sin problemas en la web.Este masterclass es más que una experiencia de aprendizaje; es una oportunidad de estar a la vanguardia de un campo emergente. Al final, los asistentes no solo habrán adquirido habilidades valiosas, sino que también habrán creado funciones mejoradas con IA que podrán llevar a sus proyectos o lugares de trabajo.Ya seas un desarrollador web experimentado curioso acerca de la IA o estés buscando expandir tus habilidades en áreas nuevas y emocionantes, "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" es tu puerta de entrada al futuro del desarrollo web. Únete a nosotros para desbloquear el potencial de la IA en tus proyectos web, haciéndolos más inteligentes, interactivos y atractivos para los usuarios.
Uso de CodeMirror para construir un editor de JavaScript con Linting y AutoCompletado
React Day Berlin 2022React Day Berlin 2022
86 min
Uso de CodeMirror para construir un editor de JavaScript con Linting y AutoCompletado
Top Content
WorkshopFree
Hussien Khayoon
Kahvi Patel
2 authors
Usar una biblioteca puede parecer fácil a primera vista, pero ¿cómo eliges la biblioteca correcta? ¿Cómo actualizas una existente? ¿Y cómo te abres camino a través de la documentación para encontrar lo que quieres?
En esta masterclass, discutiremos todos estos puntos finos mientras pasamos por un ejemplo general de construcción de un editor de código usando CodeMirror en React. Todo mientras compartimos algunas de las sutilezas que nuestro equipo aprendió sobre el uso de esta biblioteca y algunos problemas que encontramos.
Detox 101: Cómo escribir pruebas de extremo a extremo estables para su aplicación React Native
React Summit 2022React Summit 2022
117 min
Detox 101: Cómo escribir pruebas de extremo a extremo estables para su aplicación React Native
Top Content
WorkshopFree
Yevheniia Hlovatska
Yevheniia Hlovatska
A diferencia de las pruebas unitarias, las pruebas de extremo a extremo buscan interactuar con su aplicación tal como lo haría un usuario real. Y como todos sabemos, puede ser bastante desafiante. Especialmente cuando hablamos de aplicaciones móviles.
Las pruebas dependen de muchas condiciones y se consideran lentas e inestables. Por otro lado, las pruebas de extremo a extremo pueden dar la mayor confianza de que su aplicación está funcionando. Y si se hace correctamente, puede convertirse en una herramienta increíble para aumentar la velocidad del desarrollador.
Detox es un marco de pruebas de extremo a extremo en caja gris para aplicaciones móviles. Desarrollado por Wix para resolver el problema de la lentitud e inestabilidad y utilizado por React Native en sí como su herramienta de pruebas E2E.
Únete a mí en esta masterclass para aprender cómo hacer que tus pruebas de extremo a extremo móviles con Detox sean excelentes.
Prerrequisitos- iOS/Android: MacOS Catalina o más reciente- Solo Android: Linux- Instalar antes de la masterclass