const puppeteer = require('puppeteer');
describe('Mi primer test en puppeteer', () => {
it('Debe abrir y cerrar el navegador', async () => {
const browser = await puppeteer.launch({
// headless: true hace que no se habara el navegador y que las pruebas sean
// más rápidas, el headless: false siempre nos abre el navegador
headless: false,
// slowMo nos indica en cámara lenta
slowMo: 0,
// devtools por defecto es false, si es true nos abre el devtools en el navegador
devtools: false,
// defaultViewport es un objeto con als dimensioens del viewport
defaultViewport: {
width: 2100,
height: 1080,
},
// argumentos en forma de array de la prueba
args: [
// '--window-size=1920,1080', // tamaño de la ventana
],
// máximiza el viewport de la página al tamaño de la ventana
defaultViewport: null,
});
const page = await browser.newPage();
await page.goto('https://www.google.com');
await page.waitForTimeout(5000);
await browser.close();
}, 30000);
});
Bienvenida al curso: ¿Qué vamos a aprender?
Automatización de pruebas con Puppeteer
Introducción a la Automatización WEB
¿Qué es el DOM?
Atributos y selectores
Introducción a Puppeteer
¿Qué es Puppeteer?
Configuración de nuestro ambiente
Conociendo Puppeteer
Abriendo y cerrando el navegador
Opciones de lanzamiento
Navegación con Puppeteer
Interactuando con los elementos
Esperar por los elementos
Esperando por funciones
Extrayendo información
Timeouts
Hooks
Conclusión del curso
Próximos pasos
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Opciones de lanzamiento
7/15Recursos
Aportes 8
Preguntas 5
Ordenar por:
Opciones de lanzamiento .launch()
Slow motion: hace la ejecución del test mas lento → slowMo: 1000,
headless: setear el uso de la interfaz del browser → headless: true/false
Timeout →it('debe abrir browser', async () => {},**30000**)
Devtools: herramientas de de desarrollo → devtools: true
Tamaño del view port:
defaultViewport: {
width: 2100,
height: 1080
Tamaño de la ventana → args: ['—windows-size=1920,1080']
setea pagina del tamaño de la browser (ventana normal de browser)→ defaultViewport: null
si estan haciendo este curso con la version 20 o posterior de Puppeteer el codigo para activar el headless cambio ligeramente ahora es asi:
it('open and close the browser', async ()=>{
const browser = await puppeteer.launch({
headless: "new"
})
HOLA COMPARTO MI CODIGO EN VISTA DE QUE "WAITFOTTIMEOUT" DEJO DE FUNCIONAR EN PUPPETEER EN LAS VERSIONES MAS RECIENTE 2024.
![]()
Es muy bonito lo que se puede hacer con Puppeteer, API robusta para controlar navegadores Chrome o Chromium, permitiendo la automatización de tareas de navegador que normalmente requerirían interacción manual. Veo muy interesante esta forma de automatizar pruebas.
\# Opciones de lanzamiento\*\*Slow motion:\*\* hace la ejecucion del test mas lento `slowMo:1000`
\*\*headless:\*\* setear el uso de la interfaz del browser `headless: true/false`
\*\*devtools\*\* abre el inspeccionador del browser `devtools: true/false`
\*\*defaultViewport:\*\* tamaño de lo que se ve:```bashdefaultViewport:{ width:2100, height: 1800}```tamaño de la ventana:```bashargs: \['--window-size=1920,1080']```que el contenido este del tamaño de la ventana:```bashdefaultViewport: null```
- Tiempo de espera para visualizar la página
- Tiempo máximo que se le asigna a la prueba
Si 2 es menor que el tiempo que toma la prueba para ejecutarse aparece “failed”. Si por ejemplo 1 es mayor que 2, sucede este escenario ya que se está programando que el tiempo de espera tarde mas que el tiempo máximo asignado para la prueba.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?