Configuración de Ambiente de Desarrollo con Cypress y JSON Server

Clase 4 de 17Curso de Automatización de Pruebas de Backend con Cypress

Resumen

¿Cómo prepara un entorno de trabajo en Node.js?

Iniciar con una configuración adecuada para tu proyecto es esencial para el éxito a largo plazo. Empezaremos configurando un entorno de trabajo utilizando un editor de texto de tu preferencia y progresaremos instalando las librerías necesarias.

  1. Configuración inicial:

    • Utiliza cualquier editor de código como WebStorm, VS Code o incluso bloc de notas.
    • Inicializa el proyecto con el comando:
      npm init -y
      
    • Este comando crea un archivo package.json básico sin necesidad de respuestas interactivas.
  2. Instalación de librerías:

    • Las librerías que vas a necesitar instalar son:
      • Cypress: para realizar pruebas automatizadas.
      • Prettier: para asegurar un formato consistente de código.
      • JSON Server: para simular un servidor local.
    • Instala las librerías mediante:
      npm install cypress prettier json-server
      

¿Cómo configurar archivos ignorados y preparar Cypress?

Contar con una buena gestión de archivos es crucial para evitar subir información innecesaria al repositorio de código.

  1. Crear .gitignore:

    • Crea un archivo .gitignore e incluye carpetas y archivos que deseas excluir, como node_modules.
  2. Configurar Cypress:

    • Abre Cypress utilizando el comando:
      npx cypress open
      
    • Personaliza el archivo cypress.json para excluir las pruebas innecesarias. Puedes modificar o eliminar los archivos de prueba predeterminados.

¿Cómo crear un servidor simulado con JSON Server?

La utilización de un servidor simulado te ayuda a probar APIs de manera local sin depender de servicios externos.

  1. Crear una base de datos JSON:

    • Crea un archivo db.json que contenga datos ficticios, por ejemplo:
      {
        "employees": [
          { "name": "Juan", "id": 1 },
          { "name": "Ana", "id": 2 },
          { "name": "Javier", "id": 3 }
        ]
      }
      
  2. Configurar el script para el servidor:

    • En el archivo package.json, agrega un script para correr JSON Server:
      "scripts": {
        "runServer": "json-server --watch db.json"
      }
      
    • Ejecuta el servidor con:
      npm run runServer
      

¿Cómo interactuar con una API local usando Postman?

Postman es una herramienta poderosa para probar y validar APIs.

  1. Operaciones básicas con la API:
    • Puedes acceder a los datos directamente desde el navegador o través de herramientas como Postman.
    • Realiza operaciones CRUD:
      • GET: Obtén información específica añadiendo el ID.
      • POST: Añade nuevos registros.
      • PUT/PATCH: Actualiza registros existentes.
      • DELETE: Elimina registros usando su ID.

A medida que avances en tu aprendizaje y configuración, considera si usarás una base de datos real o simularás con JSON Server. Tu elección dependerá de las necesidades del proyecto y de tus preferencias. Este conocimiento es fundamental para empezar a trabajar con pruebas de software y API de manera efectiva. ¡Sigue explorando y experimentando para fortalecer tus habilidades de desarrollo!