Validar headers con cy.request en Cypress
Contenido del curso
Emmanuel Rodríguez
Javier Fuentes Mora
ProfesorEmmanuel Rodríguez
Esteban Pallares Rodriguez
Pablo Herrera
Luciana Andrea Bianchi
Gustavo Adolfo Torres Quintana
abigailrp
Gabriel Hans González Peña
Isilreiberth José Pérez Rodríguez
Jorge Humberto Lozano Arenas
Configuración
Para una configuración en TypeScript, podemos ocupar el enlace la a 📚 documentación para configuración de TypeScript. . Del cual nos comenta la instalación y configuración de los siguientes elementos:
npm i -D typescript cypress
Posteriormente, estructuramos la carpeta como se suguiere:
project └─> cypress.config.ts └─> cypress └─> e2e # Test files for 2e2 cases └─> spect.cy.ts └─> fixtures # Interceptors data between request | └─> example.json └─> support # File configurations as global or use case testing | └─> commands.ts | └─> e2e.ts └─> tsconfig.json
Asimilando los archivos, generamos nuestro tsconfig.json como lo sugiere la documentación:
{ "compilerOptions": { "target": "esnext", // Use latest features "lib": [ "esnext", "dom" ], // Define scope of libraries "types": [ "cypress", "node" ] // For only include type definitions from Cypress }, "include": [ "**/*.ts" ] // Files to use by Typescript }
⚠️ Nota Archivo de configuración
config.jsonse define como legacy configuration para Cypress menor a v10.x
// cypress.config.ts import { defineConfig } from 'cypress' export default defineConfig({ e2e: { baseUrl: 'URL' } })
Muchas gracias por el aporte! , es cierto en la version 10 de cypress introdujeron varios cambios
Me alegra que te funcione 😊
cuando estés revisando esta clase, ten en cuenta que en una terminal debes tener abierto o corriendo el servidor que se configuro y en otra terminal ejecutas cypres
Hola, yo estoy probando con la versión 10. El server lo ejecute desde una consola y cypress desde otra, pero al momento de ejecuatar el Test es como si el localhost:3000 no lo encuentra. Si lo abro desde otro navegador si reconoce el localhost, pero desde el navegador que está corriendo cypress no me reconce. ¿Quizá te pasó algo similar?
Para que funcione en cypress v10.x en adelante, les dejo los archivos ++headers.cy.js++ y ++cypress.config.js++.
/cypress/e2e/headers.cy.js
//const { property } = require("cypress/types/lodash") --> Comentada porque genera error WARNING describe('Probando el Header de la API', () => { it('Validar el header y el content type de la API', () => { cy.request('employees').its('headers').its('content-type').should('include','application/json'); }) })
/cypress.config.js
const { defineConfig } = require("cypress"); module.exports = defineConfig({ e2e: { setupNodeEvents(on, config) { // implement node event listeners here }, excludeSpecPattern: [ "cypress/e2e/getting-started/*.js", "cypress/e2e/advanced-examples/*.js", ], baseUrl: "ingrese la url" }, });
Saludo, siempre genios como uds + Ayudando a avanzar con estos talleres + Agradecidos x mil !
Muchas gracias por el aporte!
Para la versión 10.x, la carpeta donde se meten los spec es e2e, y en lugar de spec es cy
Dejo acá el código cypress 12:
Para la versión 10 acá esta la documentación oficial de Cypress Cypress-10
