vue3单元测试-可视化覆盖率统计

公众号：小博的前端笔记

1、单元测试可视化以及覆盖率

1.1、可视化

Vitest 提供一个漂亮的 UI 界面来查看并与测试交互

npm i -D @vitest/ui
vitest --ui

1.2、覆盖率

Vitest 通过 v8 支持原生代码覆盖率，通过 istanbul 支持检测代码覆盖率。

npm i -D @vitest/coverage-v8

注意：覆盖率需要代码无错误，比如引入了不存在的文件等，否则会无法形成测试覆盖率！