Inicializando nuestro framework

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:0014:19

Inicializando nuestro framework

Curso Avanzado de Automatización de Pruebas con Puppeteer

Clase 13 de 24

Clase 13 / 24

Comentarios (13)13 comentarios

Luis Ernesto Yepes Fernandez

Hace 4 años

babel.config.js

module.exports = {
    presets: [
        [
            "@babel/preset-env",
            {
                targets: {
                    node: "current",
                },
            },
        ],
    ],
};

Carlos Corrales

Hace 4 años

Alguien sabe por qué me abre más de 10 navegadores de Chromium, supongo que deja abierto un driver por cada intento de ejecución, no los cierra...

Jesús David Rodríguez Santos

Hace 3 años

me pasa igual, ¿tienes la solución?

Jesus Cuadro

Hace 3 años

Me pasa lo mismo, aun no encuentro solucion

Jose Alzugaray

Hace 5 años

En mi caso en Windows, no funcionó el comando: node node_modules/.bin/jest --init Funcionó asi: node_modules/.bin/jest --init

Javier Fuentes Mora

Profesor

Hace 5 años

Gracias por el aporte!

Manuel Arce Oyarzo

Hace 5 años

En windows es :

node_modules\.bin\jest --init

Alberto Alejandro Foinquinos Benitez

Hace 4 años

Les dejo mis apuntes por si alguien quieres tener los pasos para setear otros proyectos

Nota: el profesor no usa en el video @types/jest sin embargo yo lo coloco porque en mi caso si le doy uso

//Pasos para arracar el proyecto del framework de jest con puppeteer

npm init -y
git init
npm i puppeteer jest jest-puppeteer @types/jest babel-jest @babel/core @babel/preset-env
Crear .gitignore
node_modules.bin\jest --init //--> Esto inicializa la config de jest (Windows 10)
Respuestas: √ Would you like to use Jest when running "test" script in "package.json"? ... yes √ Would you like to use Typescript for the configuration file? ... no √ Choose the test environment that will be used for testing » node √ Do you want Jest to add coverage reports? ... no √ Which provider should be used to instrument code for coverage? » babel √ Automatically clear mock calls, instances, contexts and results before every test? ... no
En jest.config.js, descomentar y colocar {bail: 5, preset: "jest-puppeteer"}
Crear archivo jest-puppeteer.config.js y pegarle dentro: module.exports = { launch:{ headless: false, slowMo:100, }, browserContext: 'default', };
Crear archivo de babel.config.js y pegarle dentro: module.exports = { presets: [ [ '@babel/preset-env', { targets: { node: 'current', }, }, ], ], };
Crear carpeta de pruebas test
Crear una prueba para probar que todo funcione correctamente

Jesus Cuadro

Hace 3 años

Muchas gracias, buen resumen

Julian Eduardo Simon

Hace 3 años

Buenas al Ejecutar el test, se inicializar varias ventanas de Chromium, ya ví que otros estudiantes les sucedió el mismo problema, pero no ví resuelto el problema, no sé si alguien podría darme la solución del problema?

Jesus Cuadro

Hace 3 años

Me pasa lo mismo

CRISTIAN DAVID ARENAS GOMEZ

Hace 4 años

Esta es la forma uno y no funciona

describe('Google ',()=>{
   it('abrir el navegador', async()=>{
      await page.goto('https://www.google.com/')
      await page.waitForTimeout(5000)
   },15000)
})

Esta es la forma dos y si funciona

const puppeteer = require('puppeteer');

describe('Google ',()=>{
   it('abrir el navegador', async()=>{
      const browser = await puppeteer.launch({
      headless: false,
      defaultViewport : null
   });
   const page = await browser.newPage();
      await page.goto('https://www.google.com/')
      await page.waitForTimeout(5000)
   },15000)
})```


NO SE POR QUE PASA ESO Y SIGO TODOS LOS PASOS TAL CUAL

Waldemar Mezquita

Hace 4 años

En windows obtuve este error!

PS C:\Users\walde\OneDrive\Escritorio\Personal\Cursos\Platzi\QA\Automatización\Framework> node_modules/.bin/jest --init     
node_modules/.bin/jest : No se puede cargar el archivo 
C:\Users\walde\OneDrive\Escritorio\Personal\Cursos\Platzi\QA\Automatización\Framework\node_modules\.bin\jest.ps1 porque la ejecución de scripts 
está deshabilitada en este sistema. Para obtener más información, consulta el tema about_Execution_Policies en 
https:/go.microsoft.com/fwlink/?LinkID=135170.
En línea: 1 Carácter: 1
+ node_modules/.bin/jest --init
+ ~~~~~~~~~~~~~~~~~~~~~~
    + CategoryInfo          : SecurityError: (:) [], PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

para solventarlo seguí los siguientes pasos:

1-Ejecutar como administrador visual studio code 2- ejecutar el siguiente comando

Set-ExecutionPolicy -scope LocalMachine unrestricted

3-Ejecutar el comando

node_modules/.bin/jest --init

MANUEL ALEJANDRO CUELLAR GUARIN

Hace 4 años

Muchas gracias

Colima Software

Hace 2 años

También se resuelve si se ejecuta en CMD con privilegios de administrador, así no es necesario modificar configuraciones de Windows

Ariel Gonzales

Hace 4 años

Otra alternativa para hacer el --init con jest

npx jest --init

Jesus Cuadro

Hace 3 años

Gracias

Joaquin Edgar Alcon Ruiz

Hace 4 años

me dio un error al inicializar el framwork

y segui las configuraciones del video, pero no me da dejo las versiones que estoy usando quizas puede ser que sea eso, pero no encuentro nada en los foros.

Waldemar Mezquita

Hace 4 años

este mismo error me da a mi

Agustin Cammarota Muti

Hace 3 años

Con npx jest --init da el mismo resultado.

Waldemar Mezquita

Hace 4 años

si descomento las mismas lineas que en video en el archivo jest.config.js me da este error al ejecutar la prueba

 FAIL  __tests__/example.test.js
  ● Test suite failed to run
                                                                                                                                
    TypeError: Cannot read properties of undefined (reading 'bind')

      at Runtime._createJestObjectFor (node_modules/jest-runtime/build/index.js:2099:64)

y si en el archiv example.test.js no lo coloco como se muestra a continuación también me da error

 const puppeteer = require('puppeteer');

describe('Google ',()=>{
    it('abrir el navegador', async()=>{
        const browser = await puppeteer.launch({
			headless: false,
			defaultViewport : null
		});
		const page = await browser.newPage();
        await page.goto('https://www.google.com/')
        await page.waitForTimeout(5000)
    },15000)
})

Sofia Torres

Hace 2 años

Buenas tardes, tengo una pregunta por si alguien me puede ayudar. Veo que algunos de mis compañeros ha preguntado anteriormente pero no he encontrado respuesta ni el foro, ni en internet.

Cuando ejecuto el test de prueba, se inicializar varias ventanas de Chromium y la prueba falla porque dice que excede el tiempo de espera, alguien podría darme la solución a este problema?

Cesar Alcantara Medina

Hace un año

me pasa lo mismo, pero nadie dice nada

Juan David Henao Ariza

Hace un año

También me pasaba lo mismo y con esta version de cada uno me funcionó sin problemas:

"jest": "^27.0.0",

"jest-puppeteer": "^6.0.0", "

puppeteer": "^13.0.0"

Mario Alexander Vargas Celis

Hace 2 años

describe("google", ()=>{

    it("abrir  el navegador", async ()=>{
        await page.goto("https://www.google.com/");
        await new Promise((resolve) => setTimeout(resolve, 5000));
    },8000);
});
```describe("google", ()=>{
    it("abrir  el navegador", async ()=>{        await page.goto("https://www.google.com/");        await new Promise((resolve) => setTimeout(resolve, 5000));    },8000);});

module.exports = {
    presets: [
        [
            "@babel/preset-env",
            {
                targets: {
                    node: "current",
                },
            },
        ],
    ],
};

const puppeteer = require('puppeteer');

describe('Google ',()=>{
   it('abrir el navegador', async()=>{
      const browser = await puppeteer.launch({
      headless: false,
      defaultViewport : null
   });
   const page = await browser.newPage();
      await page.goto('https://www.google.com/')
      await page.waitForTimeout(5000)
   },15000)
})```


NO SE POR QUE PASA ESO Y SIGO TODOS LOS PASOS TAL CUAL

PS C:\Users\walde\OneDrive\Escritorio\Personal\Cursos\Platzi\QA\Automatización\Framework> node_modules/.bin/jest --init     
node_modules/.bin/jest : No se puede cargar el archivo 
C:\Users\walde\OneDrive\Escritorio\Personal\Cursos\Platzi\QA\Automatización\Framework\node_modules\.bin\jest.ps1 porque la ejecución de scripts 
está deshabilitada en este sistema. Para obtener más información, consulta el tema about_Execution_Policies en 
https:/go.microsoft.com/fwlink/?LinkID=135170.
En línea: 1 Carácter: 1
+ node_modules/.bin/jest --init
+ ~~~~~~~~~~~~~~~~~~~~~~
    + CategoryInfo          : SecurityError: (:) [], PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

 FAIL  __tests__/example.test.js
  ● Test suite failed to run
                                                                                                                                
    TypeError: Cannot read properties of undefined (reading 'bind')

      at Runtime._createJestObjectFor (node_modules/jest-runtime/build/index.js:2099:64) 

 const puppeteer = require('puppeteer');

describe('Google ',()=>{
    it('abrir el navegador', async()=>{
        const browser = await puppeteer.launch({
			headless: false,
			defaultViewport : null
		});
		const page = await browser.newPage();
        await page.goto('https://www.google.com/')
        await page.waitForTimeout(5000)
    },15000)
})

describe("google", ()=>{

    it("abrir  el navegador", async ()=>{
        await page.goto("https://www.google.com/");
        await new Promise((resolve) => setTimeout(resolve, 5000));
    },8000);
});
```describe("google", ()=>{
    it("abrir  el navegador", async ()=>{        await page.goto("https://www.google.com/");        await new Promise((resolve) => setTimeout(resolve, 5000));    },8000);});

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

Inicializando nuestro framework

Progreso del curso

Para quién es este curso?

Conceptos Avanzados

Creando nuestro propio framework

BDD

CI/CD

Conclusion del curso

Recursos

Recursos