Abriendo y cerrando el navegador

Clase 6 de 15 • Curso de Automatización de Pruebas con Puppeteer

Guillermo Castaño Vèlez

student•

Alguien de el Platzi team que pueda poner los recursos de los que habla el profesor? ya van carios videos que promete recursos y no están en la ventana. Gracias

Junior Mosquera Mosquera

student•

A la fecha de publicar este aporte la prueba falla cuando se implementa el método waitForTimeout, según vs este método ya está deprecado. Les comparto mi código. ![](

Kath Bonilla

student•

Método Page.waitForTimeout() Advertencia: esta API ahora está obsoleta.

Reemplazar con new Promise(r => setTimeout(r, milliseconds));.

Hace que su secuencia de comandos espere el número dado de milisegundos.

Jesus Cuadro

student•

Tambien se puede usar para definir el tiempo:

 await new Promise((resolve) => setTimeout(resolve, 5000))

Carlos Rodríguez

student•

Aquí el código del proyecto:

const puppeteer = require('puppeteer');

describe('Mi primer test en puppeteer', () => {
	it('Debe abrir y cerrar el navegador', async () => {
		const browser = await puppeteer.launch({
			headless: false,
		});
		const page = await browser.newPage();
		await page.goto('https://www.google.com');
		await page.waitForTimeout(5000);
		await browser.close();
	}, 10000);
});

Si les da error del navegador solo deben instalar el chromium desde la carpeta de node_modules

cd ./node_modules/puppeteer
npm run install

primqt n/a

student•

el responsable de los cursos que ponga los recursos que faltan aqui por dios es cierto que ya van varios videos y no pone nada y uno que esta aprendiendo se pierde yo al menos ya me perdi

Yan Harold Muñoz Dominguez

student•

En la nueva versión de Puppeteer ya no está disponible la función de waitForTimeout en 2024

await page.waitForTimeout(5000); -> En la documentación actual ya se trabaja con promesas

await new Promise(resolve => setTimeout(resolve, 5000)); -> Versión actual

Laura Guadalupe Basto Moreno

student•

Gracias por tu comentario, precisamente algo así me estaba imaginando cuando me fallo esa linea.

Eduardo Renderos

student•

Gracias por la aclaracion

Rolando Tarqui Benito

student•

en que min pusiste el :

it('Debe abrir y cerrar el navegador', async () => {
......
	}, 10000);

1000 ?

Jair Israel Avilés Eusebio

student•

No lo muestra en la clase pero sale un error de timeout durante la ejecucion de la prueba. Un segundo es sufieciente.

ingri sepulveda

student•

😊

//importar puppeteer
const puppeteer = require('puppeteer')

//escribir la prueba 
describe(' Mi primer test en puppeteer',()=>{

    it('Debe de abrir y cerrar el navagador', async() =>{
        const browser = await puppeteer.launch({    
            headless: false 
        })
        const page = await browser.newPage() /
        await page.goto('https://es.wikipedia.org/wiki/Wikipedia:Portada') //el navegador.. navega a....
        await page.waitForTimeout(1000)  
        await browser.close() 
    })
})

OSCAR RICO

student•

A la fecha esta obsoleta la funcion para hacer un delay:
await page.waitForTimeout(5000);

se pruede reemplazar por estas 2 opciones:

new Promise(r => setTimeout(r, 5000))
/// otra solucion
await page.evaluate(() => {
return new Promise((resolve) => {
setTimeout(resolve, 5000);
});
});

Erick Alberto Avilés Méndez

student•

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.

Nancy Julieth Mancera Gutierrez

student•

Acabe de realizar el código y así me funciono.

const puppeteer=require('puppeteer'); describe('Mi primer test en puppeteer', ()=>{ it('Debe abrir y cerrar el navegador', async () => { const browser = await puppeteer.launch({ headless: false }); const page = await browser.newPage(); await page.goto('https://www.google.com'); await browser.close(); }, 20000); });

Gustavo Adolfo Torres Quintana

student•

Platzi team que pueda poner los recursos de los que habla el profesor? ya van carios videos que promete recursos y no están en la ventana. Gracias

Jonathan Rivera

student•

Buen día tengo este error : PS C:\Users\Jc Rivera\Documents\pyton> npm run test

pyton@1.0.0 test C:\Users\Jc Rivera\Documents\pyton jest --forceExit

C:\Users\Jc Rivera\AppData\Roaming\npm\node_modules\jest\node_modules\jest-cli\build\run.js:129 if (error?.stack) { ^

SyntaxError: Unexpected token . at Module._compile (internal/modules/cjs/loader.js:723:23) at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10) at Module.load (internal/modules/cjs/loader.js:653:32) at tryModuleLoad (internal/modules/cjs/loader.js:593:12) at Function.Module._load (internal/modules/cjs/loader.js:585:3) at Module.require (internal/modules/cjs/loader.js:692:17) at require (internal/modules/cjs/helpers.js:25:18) at Object.<anonymous> (C:\Users\Jc Rivera\AppData\Roaming\npm\node_modules\jest\node_modules\jest-cli\build\index.js:18:12) at Module._compile (internal/modules/cjs/loader.js:778:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! pyton@1.0.0 test: jest --forceExit npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the pyton@1.0.0 test script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Jc Rivera\AppData\Roaming\npm-cache_logs\2023-07-22T16_58_51_134Z-debug.log PS C:\Users\Jc Rivera\Documents\pyton>

Jeferson Andrés Cruz Herrera

student•

Publicar una pregunta en esta plataforma es como complicado. En fin, estoy obteniendo este error luego de ejcutar npm run test:

Me podrian ayudar porfavor, indicandome el por que se presenta este error?, muchas gracias!

Jose Miguel Lopez

student•

bro te falta el ; linea 3

Luis José Hernández

student•

Buenas tardes amigo, espero que todo este muy bien, yo tengo el mismo error y no es cuestión de un ; aun no se que puede ser, si ya lo resolviste seria genial conocer la solución.

Saludos.

andres medina

student•

No tests found, exiting with code 1 Run with --passWithNoTests to exit with code 0 In C:\Users\User\Documents\curso de automatizacion puppeteer 3 files checked. testMatch: /tests//.[jt]s?(x), **/?(.)+(spec|test).[tj]s?(x) - 1 match testPathIgnorePatterns: \node_modules\ - 3 matches testRegex: - 0 matches Pattern: forceExit - 0 matches

Ami me genera este error... Alguien sabe por que??

Javier Fuentes Mora

teacher•

probablemente estas poniendo mal la ruta hacia tus tests desde el package json , o has olvidado agregarle la terminación .spec a tu archivo de prueba

Javier Fuentes Mora

teacher•

al parecer no tienes las pruebas donde deberias

david alvarez

student•

no veo el link en la sección de recursos para lo de cambiar de chromium a Chrome. gracias

Javier Fuentes Mora

teacher•

Hola! aqui estan https://github.com/puppeteer/puppeteer/issues/2757 https://developers.google.com/web/tools/puppeteer/get-started

Javier Fuentes Mora

teacher•

Una disculpa no se porque no los agregaron https://github.com/puppeteer/puppeteer/issues/2757. https://developers.google.com/web/tools/puppeteer/get-started

Yhover Graig Ticona Donaires

student•

He sufrido para realizar el primer test, pero con la ayuda de IA, la documentación para hacer una buena instalación de Puppeteer y Chrome en WSL, logré terminar, les paso mi código:

Yan Harold Muñoz Dominguez

student•

En la nueva versión de Puppeteer ya no está disponible la función de waitForTimeout en 2024

await page.waitForTimeout(5000); -> En la documentación actual ya se trabaja con promesas

await new Promise(resolve => setTimeout(resolve, 5000)); -> Versión actual

const puppeteer = require('puppeteer');

describe('Mi test en Puppeteer', () => {
    it('Debe visitar la página de Wikipedia', async () => {
        const browser = await puppeteer.launch({
            headless:false
        });
        const page = await browser.newPage();
        await page.goto('https://es.wikipedia.org/wiki/Juli%C3%A1n_Andr%C3%A9s_Qui%C3%B1ones');
        await new Promise(resolve => setTimeout(resolve, 5000));
        await browser.close();
    }, 10000);
});
```const puppeteer = require('puppeteer');
describe('Mi test en Puppeteer', () => {    it('Debe visitar la página de Wikipedia', async () => {        const browser = await puppeteer.launch({            headless:false        });        const page = await browser.newPage();        await page.goto('https://es.wikipedia.org/wiki/Juli%C3%A1n\_Andr%C3%A9s\_Qui%C3%B1ones');        await new Promise(resolve => setTimeout(resolve, 5000));        await browser.close();    }, 10000);});

Luca Cussino

student•

Si tienen problemas con esta linea de código:

await page.waitForTimeout(5000);
```*await* new Promise((resolve) => setTimeout(resolve, 5000))await page.waitForTimeout(5000);

reemplazarla con esta:
```js
await new Promise((resolve) => setTimeout(resolve, 5000))

Cristian Rubio

student•

Aún no cargan los recursos...

Erick Vicentin

student•

A alguien mas le sale el siguiente error?

/Users/erick.vicentin/dev/puppeteer-ui/node_modules/jest/node_modules/jest-cli/build/cli/index.js:161
    if (error?.stack) {
              ^

SyntaxError: Unexpected token '.'

Javier Fuentes Mora

teacher•

puedes compartir tu código ?

const puppeteer = require('puppeteer');

describe('Mi primer test en puppeteer', () => {
	it('Debe abrir y cerrar el navegador', async () => {
		const browser = await puppeteer.launch({
			headless: false,
		});
		const page = await browser.newPage();
		await page.goto('https://www.google.com');
		await page.waitForTimeout(5000);
		await browser.close();
	}, 10000);
});

//importar puppeteer
const puppeteer = require('puppeteer')

//escribir la prueba 
describe(' Mi primer test en puppeteer',()=>{

    it('Debe de abrir y cerrar el navagador', async() =>{
        const browser = await puppeteer.launch({    
            headless: false 
        })
        const page = await browser.newPage() /
        await page.goto('https://es.wikipedia.org/wiki/Wikipedia:Portada') //el navegador.. navega a....
        await page.waitForTimeout(1000)  
        await browser.close() 
    })
})

A la fecha esta obsoleta la funcion para hacer un delay:
await page.waitForTimeout(5000);

se pruede reemplazar por estas 2 opciones:

new Promise(r => setTimeout(r, 5000))
/// otra solucion
await page.evaluate(() => {
return new Promise((resolve) => {
setTimeout(resolve, 5000);
});
});

const puppeteer = require('puppeteer');

describe('Mi test en Puppeteer', () => {
    it('Debe visitar la página de Wikipedia', async () => {
        const browser = await puppeteer.launch({
            headless:false
        });
        const page = await browser.newPage();
        await page.goto('https://es.wikipedia.org/wiki/Juli%C3%A1n_Andr%C3%A9s_Qui%C3%B1ones');
        await new Promise(resolve => setTimeout(resolve, 5000));
        await browser.close();
    }, 10000);
});
```const puppeteer = require('puppeteer');
describe('Mi test en Puppeteer', () => {    it('Debe visitar la página de Wikipedia', async () => {        const browser = await puppeteer.launch({            headless:false        });        const page = await browser.newPage();        await page.goto('https://es.wikipedia.org/wiki/Juli%C3%A1n\_Andr%C3%A9s\_Qui%C3%B1ones');        await new Promise(resolve => setTimeout(resolve, 5000));        await browser.close();    }, 10000);});

await page.waitForTimeout(5000);
```*await* new Promise((resolve) => setTimeout(resolve, 5000))await page.waitForTimeout(5000);

reemplazarla con esta:
```js
await new Promise((resolve) => setTimeout(resolve, 5000))

Abriendo y cerrando el navegador

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