Vitest Arayüzü

Vite tarafından desteklenen Vitest, testleri çalıştırırken içinde bir geliştirme sunucusu bulundurur. Bu, Vitest'in testlerinizi görüntülemek ve onlarla etkileşim kurmak için kullanışlı bir arayüz sunmasını sağlar. Vitest Arayüzü isteğe bağlıdır ve aşağıdaki komutla kurulabilir:

npm i -D @vitest/ui

Ardından, --ui parametresiyle testleri Arayüz ile başlatabilirsiniz:

vitest --ui

Vitest Arayüzüne şu adresten erişebilirsiniz: http://localhost:51204/__vitest__/

Vitest 0.26.0'dan itibaren, Arayüz bir raporlayıcı olarak da kullanılabilir. HTML çıktısı oluşturmak ve test sonuçlarınızı önizlemek için Vitest yapılandırmanızda 'html' raporlayıcısını kullanın:

// vitest.config.ts

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

Vitest 0.31.0'dan beri, Vitest Arayüzünde kapsam raporunuzu kontrol edebilirsiniz: daha fazla bilgi için Vitest Arayüzü Kapsamı sayfasına bakın.

WARNING

Testlerinizin terminalde gerçek zamanlı olarak nasıl çalıştığını görmek isterseniz, reporters seçeneğine default raporlayıcısını eklemeyi unutmayın: ['default', 'html'].

TIP

HTML raporunuzu görüntülemek için vite preview komutunu kullanabilirsiniz:

npx vite preview --outDir ./html

outputFile yapılandırma seçeneğiyle çıktının konumunu yapılandırabilirsiniz. Burada .html uzantılı bir dosya yolu belirtmeniz gerekir. Örneğin, ./html/index.html varsayılan değerdir.