Capturas de pantalla

Curso Avanzado de Automatización de Pruebas con Puppeteer

Contenido del curso

Para quién es este curso?

1
¿Para quién es este curso?
04:07 min

Conceptos Avanzados

Creando nuestro propio framework

BDD

CI/CD

23
Configurando Jenkins con nuestras pruebas y creando reportes
16:33 min

Conclusion del curso

24
Sigue aprendiendo
02:07 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:0011:31

Capturas de pantalla

Curso Avanzado de Automatización de Pruebas con Puppeteer

Clase 5 de 24

Clase 5 / 24

Julianny Caicedo

Hace 9 meses

CODIGO COMPLETO DE LA CLASE, AL FINAL SI SE ME PRESENTO MUCHOS ERROR YA QUE PUPPETER SE HA ACTUALIZADO.

jest.setTimeout(30000);

const puppeteer = require('puppeteer');

describe('capturas de pantalla', () => {

let browser;

let page;

beforeEach(async () => {

browser = await puppeteer.launch({

headless: true,

defaultViewport: null,

});

page = await browser.newPage();

await page.goto('https://google.com', { waitUntil: 'networkidle0' });

});

afterEach(async () => {

try {

if (page) await page.close();

if (browser) await browser.close();

} catch (error) {

console.error('Error cerrando recursos:', error);

}

});

test('Captura de pantalla Completa', async () => {

await page.screenshot({path: 'captura_completa.png', fullPage: true });

await new Promise(resolve => setTimeout(resolve, 2000)); // espera 2s entre recargas

});

test('Captura de pantalla Seleccionando un area', async () => {

await page.screenshot({path:'capturaDePantallaSeleccionandoUnArea.png', clip: { x: 0, y: 0, width: 500, height: 500 } });

await new Promise(resolve => setTimeout(resolve, 2000)); // espera 2s entre recargas

});

test('Captura de pantalla Con Fondo Transparente', async () => {

await page.evaluate(() => {

document.body.style.background = 'transparent';

});

await page.screenshot({path:'capturaDePantallaConFondoTransparente.png', omitBackground: true });

await new Promise(resolve => setTimeout(resolve, 2000)); // espera 2s entre recargas

});

test('Captura de pantalla Con Fondo Transparente', async () => {

await page.evaluate(() => {

document.body.style.background = 'transparent';

});

await page.screenshot({path:'capturaDePantallaConFondoTransparente.png', omitBackground: true });

await new Promise(resolve => setTimeout(resolve, 2000)); // espera 2s entre recargas

});

test('Captura de pantalla a un Elemento', async () => {

// Captura de depuración para ver qué carga realmente la página

await page.screenshot({ path: 'debug_google.png', fullPage: true });

// Lista todos los ids presentes en la página

const ids = await page.evaluate(() => Array.from(document.querySelectorAll('[id]')).map(e => e.id));

console.log('IDs encontrados en la página:', ids);

let elemento = await page.waitForSelector('#logo', { timeout: 10000 });

await page.screenshot({

path: 'capturaDePantallaAUnElemento.png',

clip: await elemento.boundingBox()

});

await new Promise(resolve => setTimeout(resolve, 2000)); // espera 2s entre recargas

});

Para quién es este curso?

¿Para quién es este curso?

Conceptos Avanzados

Emulación de dispositivos

Modo incógnito del navegador

Creando helpers de utilidad

Capturas de pantalla

Visual Testing

Generando PDFs

Geolocalización

Probando accesibilidad

Puppeteer con Firefox

Medir performance: page load

Medir performance: first contentful paint

Creando nuestro propio framework

Inicializando nuestro framework

Creando la Base Page

Page Object Model

Hacer un E2E

Agregar reporte

BDD

BDD y Gherkin

Configurando codeceptjs con Gherkin y BDD

Creando una Prueba con Gherkin

Creando un Scenario Outline

Generando reporte y agregando imágenes al reporte

CI/CD

Configurando Jenkins con nuestras pruebas y creando reportes

Conclusion del curso

Sigue aprendiendo

Capturas de pantalla

Progreso del curso

Para quién es este curso?

Conceptos Avanzados

Creando nuestro propio framework

BDD

CI/CD

Conclusion del curso

Recursos

Recursos