Inicializando nuestro framework

Clase 13 de 24 • Curso Avanzado de Automatización de Pruebas con Puppeteer

Luis Ernesto Yepes Fernandez

student•

babel.config.js

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

Carlos Corrales

student•

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

student•

me pasa igual, ¿tienes la solución?

Jesus Cuadro

student•

Me pasa lo mismo, aun no encuentro solucion

Jose Alzugaray

student•

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

teacher•

Gracias por el aporte!

Manuel Arce Oyarzo

student•

En windows es :

node_modules\.bin\jest --init

Alberto Alejandro Foinquinos Benitez

student•

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

student•

Muchas gracias, buen resumen

Julian Eduardo Simon

student•

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

student•

Me pasa lo mismo

CRISTIAN DAVID ARENAS GOMEZ

student•

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

student•

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

student•

Muchas gracias

Colima Software

student•

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

Ariel Gonzales

student•

Otra alternativa para hacer el --init con jest

npx jest --init

Jesus Cuadro

student•

Gracias

Joaquin Edgar Alcon Ruiz

student•

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

student•

este mismo error me da a mi

Agustin Cammarota Muti

student•

Con npx jest --init da el mismo resultado.

Waldemar Mezquita

student•

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

student•

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

student•

me pasa lo mismo, pero nadie dice nada

Juan David Henao Ariza

student•

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

student•

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);});

Inicializando nuestro framework

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