configurazione - Come fare il debug di un test unitario TypeScript remoto con Vitest usando nvim-dap?

Il mio test unitario vite typescript è servito da un server remoto sul nome di dominio remoteserver utilizzando il seguente comando: node --inspect-brk=0.0.0.0 ./node_modules/vitest/vitest.mjs run --threads false src/backend/api.spec.ts

Quando collego nvim-dap con la configurazione qui sotto, fallisce con questo messaggio:

Punto di interruzione ignorato perché il codice generato non è stato trovato (problema con la mappa dei sorgenti?).

Continua a leggere →

typescript - Perché Vitest coverage segnala un file che esporta solo un enum?

Operiamo con una politica di copertura dei rami al 100%. Non tracciamo funzioni o righe. Riteniamo che questo sia il miglior equilibrio tra copertura del codice e produttività. Attualmente abbiamo un problema in cui vitest segnala il seguente file come avente due rami:

Continua a leggere →

typescript - Disabilitare il timeout di vitest durante il debug in vscode

Quando lavoro su un test, potrei eseguirlo e rieseguirlo 100 volte mentre faccio il debug passo passo, rifattorizzando e ricontrollando alcune cose, ma il periodo di timeout predefinito di vitest è solo di 5 secondi, e l'estensione di vitest non ha alcuna opzione (che io conosca) che permetta di impostare il valore test-timeout/testTimeout di vitest - o di ignorarlo quando VSCODE_INSPECTOR_OPTIONS è impostato nelle variabili d'ambiente.

Il mio modo preferito

Continua a leggere →

typescript - Vue: Impossibile trovare il modulo ~~~ o le relative dichiarazioni di tipo. nel modulo di test Vitest

Sto usando vite e vitest.

vite.config.ts

export default defineConfig({ plugins: [vue(), VueDevTools()], resolve: { alias: [ { find: '@', replacement: fileURLToPath(new URL('./src', import.meta.url)), }, { find: '@mocks', replacement: fileURLToPath(new URL('./mock', import.meta.url)), }, ], }, });

vitest.config.ts

Continua a leggere →

reactjs - Usando Storybook e Vitest, fare il mock di un modulo genera un'eccezione

Ho una configurazione di Storybook che utilizza vitest e voglio simulare un modulo in una storia tramite vitest, quindi aggiungo quanto segue all'inizio del mio file di storie:

// my-nice-function.stories.tsx import { vi } from "vitest"; vi.mock("../some-module", () => ({ someFunction: vi.fn(), })); // the actual stories below here...

Ma quando eseguo questa storia, viene generato il seguente errore:

Impossibile legger

Continua a leggere →

reactjs - Errore Vitest require ESM. Come faccio a superarlo

Sto usando React+Vite. E sto cercando di configurare casi di test unitari per i componenti, ma quando provo a eseguirlo, ricevo il seguente errore

Errore: require() del modulo ES ...\index.js da ...\node_modules\@nivo\core\dist\nivo-core.cjs.js non è supportato. Invece, cambia il require di index.js in ... con un import() dinamico, che è disponibile in tutti i moduli CommonJS.

Continua a leggere →

typescript - Usare l'iniezione delle dipendenze con vue/vitest

1. La mia configurazione

• Applicazione Vue 3
• Store di Pinia
• Nel mio main.ts : app.use(myPlugin)
• In MyPlugin.ts : Creo e fornisco condizionatamente un repository (MyRepo) all'applicazione basato su alcune condizioni ambient
  Continua a leggere →

reactjs - Il test di React non funziona usando Vite + Vitest

Sto ricevendo il seguente errore quando eseguo npm test (che chiama vitest):

FALLIMENTO src/Applications/components/ApplicationsTable/ApplicationsTable.test.tsx [ src/Applications/components/ApplicationsTable/ApplicationsTable.test.tsx ] Errore: L'importazione di directory '{interna

Continua a leggere →

reactjs - Avviso di Vitest: L'attuale esecutore di test non supporta gli hook afterEach/teardown

Problema: Sto lavorando a un progetto React utilizzando Vite e TypeScript, e ho incontrato alcuni avvisi durante l'esecuzione dei test con Vitest e RTL (React Testing Library). Nonostante i test vengano eseguiti correttamente, in pa

Continua a leggere →

typescript - Vitest aspettati estendere

Sto cercando di creare un expect.extend in Vitest, ho provato a seguire la documentazione

Ho creato un file vitest.d.ts dove dichiaro questo:

interface CustomMatchers<R = unknown> { toPassGuard(guardFunc: (record: unknown) => boolean): boolean; toPassGuardArray<T = unknown>(guardFunc: (record: T) => boolean): boolean; } declare

Continua a leggere →