ejercicio05

Ejercicio 05

Requisitos

• Instale Nodejs, desde el sitio oficial.
  • Mediante la línea de comandos, verifique la versión de Nodejs, con: node -v
• Instale Typescript globalmente, con: npm install -g typescript

Instrucciones

• Complete las actividades de React - Bases y React - Componentes Integrados

Pruebas unitarias

• Descargue y descomprima C04E05.zip.

• Copie la carpeta tests en la carpeta src del proyecto.

• En su proyecto de React

  • Instale las dependencias de Vitest, Jsdom y React Testing
    • Desde otra instancia de la línea de comandos, ejecute: npm install --save-dev vitest jsdom @testing-library/jest-dom @testing-library/react @testing-library/user-event @vitest/coverage-v8
  • Modifique el archivo package.json
    • Agregue los pares/valores: test y coverage

  
    ...
      "scripts": {
      	...
        "preview": "vite preview",
        
        	"test": "vitest",
    	"coverage": "vitest run --coverage"
    	
      },
      ...
    }
    

  • Modifique el archivo vite.config.ts
    • Agregue los pares/valores: test

  
    import { defineConfig } from 'vite'
    import react from '@vitejs/plugin-react-swc'
  
    // https://vitejs.dev/config/
    export default defineConfig({
      plugins: [react()],
      
      test: {
        environment: 'jsdom',
      }
      
    })
  
    

• En la ruta de su proyecto en Express, desde la línea de comandos ejecute: npm run test

Referencias

• Quick Start. (n.d.). Retrieved from https://react.dev/learn
• Vite. (n.d.). Retrieved from https://vitejs.dev/
• Cómo iniciar un proyecto React con Vite. (2022). Retrieved from https://carlosazaustre.es/react-vite
• Bruce-Crabbe, V. (2024). Vitest with React Testing Library In React(created with Vite). Retrieved from https://victorbruce82.medium.com/vitest-with-react-testing-library-in-react-created-with-vite-3552f0a9a19a
• Jaime Fernández Moreno Soy ingeniero electrónico industrial y. (n.d.). Testing en React con Vitest. Retrieved from https://www.paradigmadigital.com/dev/testing-react-vitest/