![\"Imagen](\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2024\/06\/auto-playwright-automatizacion-pruebas-inteligencia-artificial-1024x576.jpg\")
<\/figure><\/div>\n\n\nEn el vertiginoso mundo del desarrollo de software y la Inteligencia Artificial (IA), es esencial contar con herramientas que no solo mantengan el ritmo de las innovaciones tecnol\u00f3gicas sino que tambi\u00e9n simplifiquen y optimicen los procesos. <\/p>\n\n\n\n
Una de las herramientas m\u00e1s populares en el \u00e1mbito de la automatizaci\u00f3n de pruebas es <\/strong>Playwright<\/u><\/strong><\/a>, una librer\u00eda de testing que proporciona una base s\u00f3lida para hacer pruebas end-to-end m\u00e1s robustas y confiables.<\/p>\n\n\n\n Se trata de un framework<\/em> de c\u00f3digo abierto que facilita la creaci\u00f3n de pruebas autom\u00e1ticas para aplicaciones web y permite ejecutarlas en una variedad de navegadores.<\/p>\n\n\n\n A ra\u00edz de todos los cambios tecnol\u00f3gicos en la industria de IT con respecto a la Inteligencia Artificial, surgi\u00f3 <\/strong>Auto Playwright<\/u><\/strong><\/a>, una evoluci\u00f3n de Playwright, que incorpora la IA para llevar la automatizaci\u00f3n de pruebas a un nuevo nivel.<\/p>\n\n\n\n \u00bfLogra Auto Playwright mejorar la eficiencia en el desarrollo de pruebas? Te lo respondemos con detalles en este art\u00edculo. Para ello, realizamos pruebas, con casos de usos reales, y analizamos tanto sus capacidades como limitaciones.<\/strong><\/p>\n\n\n\n \u00a1Explora nuestros <\/strong>casos de \u00e9xito<\/u><\/strong><\/a> y <\/strong>soluciones personalizadas<\/u><\/strong><\/a> para automatizaci\u00f3n de pruebas!<\/strong><\/p>\n\n\n\n Auto Playwright aprovecha las capacidades de <\/strong>OpenAI<\/u><\/strong><\/a> para transformar instrucciones de texto plano en una serie de ejecuciones de funciones.\u00a0<\/strong><\/p>\n\n\n\n Para ello, act\u00faa como intermediario inteligente entre sus comandos de texto sin formato y el c\u00f3digo necesario para automatizar las pruebas, y nos permite que el proceso sea m\u00e1s intuitivo y accesible<\/p>\n\n\n\n Esta iniciativa visionaria se inspir\u00f3 en el proyecto de ZeroStep<\/u><\/a>, el cual ofrece una API similar pero con una implementaci\u00f3n m\u00e1s robusta a trav\u00e9s de su plataforma privada.<\/p>\n\n\n\n Para iniciar, es necesario escribir pruebas en texto simple. <\/strong><\/p>\n\n\n\n Estas instrucciones describen las acciones o comprobaciones que quieres realizar en tu aplicaci\u00f3n web, como “haz clic en el bot\u00f3n de inicio de sesi\u00f3n” u “obt\u00e9n el t\u00edtulo de la p\u00e1gina”. <\/p>\n\n\n\n Luego, es preciso traducirlas mediante la funci\u00f3n <\/strong>runFunctions<\/u><\/strong><\/a> de OpenAI, la cual se ocupa de interpretar estas instrucciones.\u00a0<\/p>\n\n\n\n Una vez que runFunction<\/em> de OpenAI traduce las instrucciones, Auto Playwright determina y ejecuta las funciones que permitan realizar las acciones descritas<\/strong>, tales como hacer clic, rellenar formularios, navegar en diferentes p\u00e1ginas o buscar y verificar contenido. <\/p>\n\n\n\n Aqu\u00ed<\/u><\/a> puedes encontrar todas las acciones que maneja Auto Playwright.<\/p>\n\n\n\n A medida que se ejecutan estas funciones, Auto Playwright proporciona informaci\u00f3n o resultados. <\/strong>Esto puede incluir la confirmaci\u00f3n de las acciones realizadas con \u00e9xito, los datos recuperados de la p\u00e1gina o los resultados de las comprobaciones y afirmaciones realizadas.<\/p>\n\n\n\n A continuaci\u00f3n, exploraremos c\u00f3mo dar tus primeros pasos con la herramienta, desde su instalaci\u00f3n hasta la ejecuci\u00f3n de tus primeras pruebas automatizadas. Tambi\u00e9n analizaremos el valor que su uso aportar\u00eda a tus proyectos.<\/p>\n\n\n\n No te pierdas este webinar<\/a><\/u>, con tips para la automatizaci\u00f3n de pruebas low-code<\/strong><\/p>\n\n\n\n Como cualquier proyecto basado en Node, necesitamos cumplir con ciertos prerrequisitos.<\/strong><\/p>\n\n\n\n En primer lugar, precisamos tener instalado Node<\/u><\/a> en nuestro ordenador. Adem\u00e1s, requerimos contar con un entorno de desarrollo integrado (IDE). En nuestro caso, utilizaremos VSC<\/u><\/a>. Una vez instaladas, podemos iniciar la configuraci\u00f3n de Auto Playwright.\u00a0<\/p>\n\n\n\n Compartimos una gu\u00eda paso a paso para que puedas llevar esto adelante:<\/strong><\/p>\n\n\n\n OpenAI es una organizaci\u00f3n de investigaci\u00f3n en Inteligencia Artificial que lidera el desarrollo de tecnolog\u00edas avanzadas como GPT-3 y DALL-E, con un enfoque en promover el uso \u00e9tico y beneficioso de la IA.<\/p>\n\n\n\n Para obtener una API key de OpenAI, debes registrarte en la plataforma de OpenAI, crear una cuenta y, en algunos casos, aceptar los t\u00e9rminos de servicio.<\/p>\n\n\n\n Pasos para obtener una API key:<\/p>\n\n\n\n Un detalle sobre esta herramienta es que debes tener uso disponible en tu API Key para poder trabajar con ella. <\/p>\n\n\n\n A pesar que es un plataforma gratuita y no necesitas afiliarte a ning\u00fan plan, s\u00ed existe un costo asociado a tu API Key. <\/strong>Puedes encontrar m\u00e1s informaci\u00f3n sobre precios en este link<\/u><\/a>.<\/p>\n\n\n\n Para ello, debes ejecutar: npm init playwright@latest <\/p>\n\n\n\n En este paso, debes ejecutar en la consola: npm install auto-playwright -D.<\/p>\n\n\n\n En este punto, veremos las dependencias en nuestro package.json:<\/p>\n\n\n En este \u00faltimo paso, precisas establecer las variables de entorno en el archivo .env siguiendo la documentaci\u00f3n de la herramienta. <\/p>\n\n\n\n Recuerda que esta API key es la generada en el paso N\u00b01: OPENAI_API_KEY<\/strong>=’sk-…”<\/p>\n\n\n\n La verdadera fuerza de Auto Playwright yace en su capacidad para ejecutar escenarios de prueba utilizando AI.<\/strong><\/p>\n\n\n\n En primer lugar, crearemos nuestros tests usando la funci\u00f3n \u201cauto\u201d. <\/p>\n\n\n\n Esta funci\u00f3n requiere un prompt de texto plano y un argumento que contenga el objeto de prueba. <\/p>\n\n\n\n A continuaci\u00f3n, compartimos un ejemplo (page):<\/p>\n\n\n\n \u00a0<\/strong>Adem\u00e1s, de forma opcional, podemos declarar el modelo<\/u><\/a> de la API a utilizar mediante el par\u00e1metro \u201coptions\u201d:<\/p>\n\n\n\n As\u00ed es como quedar\u00edan en cada prompt:\u00a0<\/p>\n\n\n\n Consideremos el siguiente escenario: <\/p>\n\n\n\n Necesitamos probar la funcionalidad de agregar un producto al carrito de una aplicaci\u00f3n web. Con Auto Playwright, podemos hacerlo con instrucciones sencillas, similares a las humanas.<\/strong><\/p>\n\n\n\n Para probar la funcionalidad, crearemos dos pruebas. En la primera, utilizaremos varios prompts para simular una acci\u00f3n a ejecutar en cada uno de ellos. Para la segunda prueba, crearemos un solo prompt, el cual contendr\u00e1 todas las acciones de forma secuencial.<\/p>\n\n\n\n Nuestros tests quedar\u00edan de la siguiente forma:<\/strong><\/p>\n\n\n\n Ejecuci\u00f3n:<\/strong><\/p>\n\n\n\n Para ejecutar nuestros tests en consola, escribiremos npx playwright test.<\/em> A medida que se ejecuten, visualizaremos la informaci\u00f3n que Auto Playwright nos proporcione.<\/p>\n\n\n\n Aunque Auto Playwright se destaca como un proyecto innovador en la automatizaci\u00f3n de pruebas, actualmente su nivel de sofisticaci\u00f3n y versatilidad no resultan suficientes para la automatizaci\u00f3n de pruebas. <\/strong><\/p>\n\n\n\n A pesar de su contribuci\u00f3n significativa para acelerar el desarrollo de pruebas y facilitar la creaci\u00f3n de scripts<\/em>, <\/strong>Auto Playwright necesita superar ciertas limitaciones para ser considerado como una soluci\u00f3n integral <\/strong>en el campo de la automatizaci\u00f3n de pruebas.<\/p>\n\n\n\n A continuaci\u00f3n, detallamos sus ventajas y desventajas, en consideraci\u00f3n tanto de sus capacidades como de sus limitaciones.<\/p>\n\n\n\n En resumen, Auto Playwright tiene un potencial prometedor para mejorar la eficiencia en el desarrollo de pruebas, pero es fundamental considerar sus limitaciones y evaluar si est\u00e1 a la altura de las expectativas en t\u00e9rminos de rendimiento, costo y fiabilidad en comparaci\u00f3n con soluciones m\u00e1s establecidas en el mercado.<\/strong><\/p>\n\n\n\n Con base en sus limitaciones y la necesidad de contar con soluciones m\u00e1s avanzadas para entornos de pruebas exigentes, no recomendamos la implementaci\u00f3n de Auto Playwright como la principal herramienta de automatizaci\u00f3n de pruebas en un proyecto de desarrollo. <\/p>\n\n\n\n Por ello, desde el punto de vista de nuestros especialistas, es crucial explorar opciones m\u00e1s s\u00f3lidas y eficientes que se adapten mejor a las necesidades y exigencias del proceso de pruebas.<\/p>\n\n\n\n En definitiva, recomendar\u00edamos su uso \u00fanicamente para pruebas menos frecuentes y detalladas, sin mucha complejidad, para complementar su implementaci\u00f3n con otros enfoques de pruebas m\u00e1s robustas, estables y eficientes. <\/p>\n\n\n\n A futuro, seguiremos monitoreando de cerca las actualizaciones de Auto Playwright para evaluar c\u00f3mo sus avances tecnol\u00f3gicos pueden mitigar estas limitaciones a lo largo del tiempo.<\/strong><\/p>\n\n\n\n Con m\u00e1s de 15 a\u00f1os de experiencia y presencia global, en Abstracta, ayudamos desde startups hasta empresas Fortune 500 a implementar pruebas automatizadas que mejoran la calidad, el impacto y el retorno del software.<\/p>\n\n\n\n Explora nuestros servicios personalizados<\/u><\/a> y cont\u00e1ctanos<\/u><\/a> para agendar una reuni\u00f3n y ver c\u00f3mo podemos apoyarte para hacer crecer tu negocio.<\/p>\n\n\n\n \u00a1S\u00edguenos en <\/strong>LinkedIn<\/strong><\/a>, <\/strong>X<\/strong><\/a>, <\/strong>Facebook<\/strong><\/a>, <\/strong>Instagram<\/strong><\/a> y <\/strong>YouTube<\/strong><\/a> para ser parte de nuestra comunidad!<\/strong><\/p>\n\n\n\n Velocidad de herramientas low-code para automatizar pruebas<\/a><\/p>\n\n\n\n La importancia de la automatizaci\u00f3n en shift left testing<\/a><\/p>\n\n\n\nIntroduciendo Auto Playwright<\/strong><\/h2>\n\n\n
![\"Imagen](\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2024\/06\/auto-playwright-framework-codigo-abierto-creacion-pruebas-automatizadas-1024x768.jpg\")
<\/figure><\/div>\n\n\n\u00bfC\u00f3mo funciona Auto Playwright?<\/strong><\/h3>\n\n\n\n
Paso a paso: configuraci\u00f3n de Auto Playwright desde cero<\/strong><\/h2>\n\n\n
![\"Imagen](\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2024\/06\/guia-configuracion-herramienta-auto-playwright-automatizacion-pruebas-software-1024x683.jpg\")
<\/figure><\/div>\n\n\n1. Crear una clave de API en OpenAI<\/u><\/a><\/strong><\/h3>\n\n\n\n
\n
2. Instalar el framework <\/em>Playwright<\/u><\/a> desde la consola\u00a0<\/strong><\/h3>\n\n\n\n
3. Instalar Auto-playwright<\/u><\/a><\/strong><\/h3>\n\n\n\n
![\"Captura](\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXe-6AWI4GFjrtNkTloj23ayfccb_AXa8N_noncMLSTvu7Kst1zKdFLvwBV0LjDS3CIHk6SYhZz37IqQDB1Lya8QCixD7xCA9cKR853egz360WnvUUSwlk5N8tEXgCaXBebd_cYUTWAQ6dVDw9pC2Fx7-huV?key=FW9tNXaR20LYsWLMc7vKfw\")
4. Establecer variables<\/strong><\/h3>\n\n\n\n
Utilizando Auto Playwright para pruebas<\/strong><\/h2>\n\n\n
![\"Imagen](\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2024\/06\/uso-framework-auto-playwright-pruebas-automaticas.jpg\")
<\/figure><\/div>\n\n\n\u00bfC\u00f3mo aprovechar Auto Playwright para ejecutar diferentes escenarios?<\/strong><\/h3>\n\n\n\n
auto(\"<your prompt>\", { page, test });<\/code><\/pre>\n\n\n\nconst options = {\n\n\u00a0\u00a0\/\/ If true, debugging information is printed in the console.\n\n\u00a0\u00a0debug: boolean,\n\n\u00a0\u00a0\/\/ The OpenAI model\u00a0\n\n\u00a0\u00a0model: \"gpt-4-1106-preview\",\n\n\u00a0\u00a0\/\/ The OpenAI API key\n\n\u00a0\u00a0openaiApiKey: 'sk-...',\n\n};<\/code><\/pre>\n\n\n\nauto(\"<tu prompt>\", { page, test }, options);<\/code><\/pre>\n\n\n\nPosible caso<\/strong><\/h3>\n\n\n
![\"Imagen](\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2024\/06\/ejecucion-test-automatizados-1024x683.jpg\")
<\/figure><\/div>\n\n\nimport { test, expect } from \"@playwright\/test\";\n\nimport { auto } from \"auto-playwright\";\n\n\ntest('auto Playwright test 1: Shopping cart functionality - Several prompts', async ({ page }) => {\n\n\u00a0await page.goto('http:\/\/opencart.abstracta.us\/');\n\n\u00a0await auto('Go to Phones & PDAs from menu bar', { page, test });\n\n\u00a0await auto('Add item 'Palm Treo Pro' to cart', { page, test });\n\n\u00a0await auto('Go to Shopping Cart\", { page, test });\n\n\u00a0const itemsList = await auto('list all items in the cart', { page, test });\n\n\u00a0expect(itemsList[0]).toContain('Palm Treo Pro');\n\n\n});\n\ntest(\"auto Playwright test 2: Add a product to the cart with a single prompt\", async ({ page }) => {\n\n\n\u00a0await page.goto('http:\/\/opencart.abstracta.us\/');\n\n\u00a0const result = await auto(`\n\n\u00a01. Go to Phones & PDAs from the menu bar.\n\n\u00a02. Add item 'Palm Treo Pro' to the cart.\n\n\u00a03. Go to the Shopping Cart\n\n\u00a04. Verify in the list of items in the cart are the item 'Palm Treo Pro'.`, { page, test });\n\n\nexpect(result).toBeTruthy();\n\n});<\/code><\/pre>\n\n\n\n![](\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXej-tk3MHmWFmw-8gOaJ1HWLr_KWrN-8z9nsQZh7jKOFC2wQAWF9zk4ccAwxqNxYWDarE5IE3FCVZE0MUI072W_IuiRygBmZLTcWhoog-3h_fiAbnJqHRm15HJheI_VA0l-MnMYRxum-67bHqAvFU4z66SQ?key=FW9tNXaR20LYsWLMc7vKfw\")
Resultados y conclusiones<\/strong><\/h2>\n\n\n
![\"Imagen](\"https:\/\/es.abstracta.us\/wp-content\/uploads\/2024\/06\/getty-images-6nxco-PPKQU-unsplash-2-1024x576.jpg\")
<\/figure><\/div>\n\n\nVentajas<\/strong><\/h2>\n\n\n\n
\n
Desventajas<\/strong><\/h2>\n\n\n\n
\n
\n\n\n\n\u00bfNecesitas apoyo con automatizaci\u00f3n de pruebas?\u00a0<\/strong><\/h2>\n\n\n\n
![\"Cont\u00e1ctanos\"\/](\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXdkjau7ytM910odUl1xystG5wZRcgnSUx_CF_ILP-w3kk3Cf5YV4coQF62bAg8tKxzrLajcV53wjg0myYp5SCreF8Lpsc0isBtVjX1reVeh1Anc_-wiUco44ou33NeWoOTbuoEcMyzYX03ndVVmln5NKerD?key=FW9tNXaR20LYsWLMc7vKfw\")
\n\n\n\nArt\u00edculos recomendados<\/h2>\n\n\n\n