Vitest UI

A Vite által támogatott Vitest a tesztek futtatásához a háttérben egy fejlesztői szervert használ. Ez lehetővé teszi, hogy a Vitest egy áttekinthető felhasználói felületet biztosítson a tesztek megtekintéséhez és interaktív kezeléséhez. A Vitest UI opcionális, ezért külön kell telepíteni:

bash

npm i -D @vitest/ui

Ezután a teszteket a --ui kapcsolóval indíthatja el, hogy a felhasználói felületen keresztül futtassa őket:

bash

vitest --ui

A Vitest UI a http://localhost:51204/__vitest__/ címen érhető el.

A Vitest 0.26.0 verziójától kezdve a felhasználói felület jelentésgenerálóként is használható. A Vitest konfigurációjában használja a 'html' riportert HTML kimenet generálásához és a tesztek eredményeinek megtekintéséhez:

// vitest.config.ts

export default {
  test: {
    reporters: ['html'],
  },
};

A Vitest 0.31.0 verziójától kezdve a kódlefedettségi jelentést is megtekintheti a Vitest felhasználói felületén: további részletekért lásd a Vitest UI Coverage szakaszt.

WARNING

Ha továbbra is élőben szeretné követni a tesztek futását a terminálban, ne felejtse el hozzáadni a default riportert a reporters opcióhoz: ['default', 'html'].

TIP

A HTML jelentés megtekintéséhez használhatja a vite preview parancsot:

npx vite preview --outDir ./html

A kimeneti fájl helyét az outputFile konfigurációs opcióval állíthatja be. Itt a .html fájl elérési útját kell megadnia. Például a ./html/index.html az alapértelmezett érték.

Vitest UI ​

Vitest UI