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:

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:

vitest --ui

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

A felhasználói felület riportálóként is használható. Használd az 'html' riportálót a Vitest konfigurációdban HTML kimenet generálásához és a teszteredmények előnézetéhez:

// vitest.config.ts

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

Megtekintheti a lefedettségi jelentését a Vitest UI-ban: további részletekért lásd a Vitest UI Lefedettség részt.

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.