0
734
Vistas¿Cómo mantener las pruebas fuera del directorio de origen en los proyectos de Vite?
Ejecutando npm init vue@latest con la siguiente configuración
genera un archivo de especificaciones de Vitest dentro del directorio src . Me pregunto por qué las pruebas de Cypress e2e tienen un directorio separado y las pruebas unitarias de Vitest están justo al lado del código fuente. ¿Hay alguna razón?
Quiero mover esas pruebas al directorio raíz (igual a cypress ), crear un directorio vitest y moverlo a las especificaciones.
La prueba en sí pasa, pero creo que tengo que cambiar la configuración sopme para excluir las pruebas de la compilación, etc.
Dentro del archivo tsconfig.app.json cambié la línea "exclude": ["src/**/__tests__/*"], a "exclude": ["vitest"], .
¿Hay algo más que deba hacer? ¿O hay alguna razón para mantener las pruebas de Vitest dentro del directorio de origen?
1 Respuestas
Responde la pregunta0
Para obtener la carpeta de prueba fuera de la carpeta de origen:
- crear una carpeta vitest en el directorio raíz
- mueva
./src/components/__tests__a./vitest/__tests__ - En el archivo de prueba * .spec , importará componentes con alias
@
-
import HelloWorld from '@/components/HelloWorld.vue'
- en tsconfig.app.json
- cambiar
"exclude": ["src/**/__tests__/*"],a"exclude": ["vitest/**/__tests__/*"],
- ejecutar
npm run build && npm run test:unit
¿Le importaría explicar por qué mantiene el directorio de pruebas dentro del directorio vitest?
No está obligado a conservar esta carpeta. Es una convención, mira abajo 👇
Si desea colocar el archivo de especificaciones en la carpeta de pruebas sin una subcarpeta, simplemente agréguelo a vite.config.ts :
test: { include: ['./vitest/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'] } luego también ajuste tsconfig.app.json : "exclude": ["vitest/**/*"],
Resultado de yarn run test:unit
