@vitest/ui

@vitest/ui

This package is for UI interface of Vitest.

Development Setup

At project root, create terminals with each of the following commands:

nr ui:dev

nr test --api

As the last command, you can use any of the available tests suites instead. Make sure that they run at 51204 port or specify a custom port with VITE_PORT environmental variable when running the first command. For example,

VITE_PORT=3200 nr ui:dev

nr test --api=3200

Open the browser at the URL printed by the first command. For example, http://localhost:5173/. If you see a connection error, it means the port is specified incorrectly.

To preview the browser tab, uncomment the "browser-dev-preview" plugin in vite.config.ts. To configure the browser state, update the __vitest_browser_runner__ object in browser.dev.js.

Similar packages

Other packages similar to @vitest/ui

jest-dashboard

Jest-dashboard offers a visual interface for Jest test results, similar to @vitest/ui but specifically tailored for Jest. While it provides real-time feedback and test filtering, it may not offer the same level of interactive debugging tools as @vitest/ui.

karma

Karma is a test runner that works with any of the popular testing frameworks (like Jasmine, Mocha, or QUnit). It doesn't provide a UI out of the box but can be integrated with various reporters to achieve a similar effect. Compared to @vitest/ui, Karma is more flexible in terms of framework support but requires additional setup for a comparable user interface experience.