Configurando codeceptjs con Gherkin y BDD

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

Denilson Martinez

student•

Steps to setup the Framework

1: Open a new empty folder with your favorite Code Editor
2: git init
3: npm init -y
4: npm install codeceptjs puppeteer --save
5: npx codeceptjs init

? Do you plan to write tests in TypeScript? No
? Where are your tests located? ./*_test.js
? What helpers do you want to use? Puppeteer
? Where should logs, screenshots, and reports to be stored? ./output
? Do you want to enable localization for tests? http English (no localization)
Configure helpers...
? [Puppeteer] Base url of site to be tested https://platzi.com/home
? [Puppeteer] Show browser window Yes
? [Puppeteer] Browser viewport size 1200x900

6: npx codeceptjs gherkin:init

Jesus Cuadro

student•

Gracias

Randy Guerra

student•

Cuales son las extensiones que recomienda profe?.

Mario Alexander Vargas Celis

student•

## Configurando codeceptjs con Gherkin y BDD

1. Open a new empty folder with your favorite Code Editor

2. git init

3. npm init -y

4. npx create-codeceptjs .

Nota. si muestra error tse tiene que seguir los siguientes pasos h eingresar los siguientes codigos:

- npm install -g npm@latest

- npm cache clean --force

- npm config list

5. npm install codeceptjs puppeteer --save

Nota: si tinen un erro, usar el siguiente codigo:

- npm audit fix --force

6. npx codeceptjs init

? Do you plan to write tests in TypeScript? No

? Where are your tests located? ./*_test.js

? What helpers do you want to use? Puppeteer

? Where should logs, screenshots, and reports to be stored? ./output

? Do you want to enable localization for tests? http English (no localization)

Configure helpers...

? [Puppeteer] Base url of site to be tested https://platzi.com/home

? [Puppeteer] Show browser window Yes

? [Puppeteer] Browser viewport size 1200x900

6. npx codeceptjs gherkin:init

Configurando codeceptjs con Gherkin y BDD

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