Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(ui): add html coverage #3071

Merged
merged 20 commits into from May 3, 2023
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/config/index.md
Expand Up @@ -776,7 +776,7 @@ The reporter has three different types:
}
```

Since Vitest 0.31.0, you can check your coverage report in `Vitest UI`, you only need to add `html` reporter: check [Vitest UI Coverage](/guide/coverage#vitest-ui) for more details.
Since Vitest 0.31.0, you can check your coverage report in `Vitest UI`: check [Vitest UI Coverage](/guide/coverage#vitest-ui) for more details.
userquin marked this conversation as resolved.
Show resolved Hide resolved

#### coverage.skipFull

Expand Down
3 changes: 2 additions & 1 deletion docs/guide/coverage.md
Expand Up @@ -166,8 +166,9 @@ To see all configurable options for coverage, see the [coverage Config Reference

## Vitest UI

Since Vitest 0.31.0, you can check your coverage report in [Vitest UI](./ui), you only need to add `html` reporter.
Since Vitest 0.31.0, you can check your coverage report in [Vitest UI](./ui).

If you have configured coverage reporters, don't forget to add `html` reporter to the list, Vitest UI will only enable html coverage report if it is present.

<img alt="html coverage activation in Vitest UI" img-light src="/vitest-ui-show-coverage-light.png">
<img alt="html coverage activation in Vitest UI" img-dark src="/vitest-ui-show-coverage-dark.png">
Expand Down
2 changes: 1 addition & 1 deletion docs/guide/ui.md
Expand Up @@ -34,7 +34,7 @@ export default {
}
```

Since Vitest 0.31.0, you can check your coverage report in `Vitest UI`, you only need to add `html` reporter: check [Vitest UI Coverage](/guide/coverage#vitest-ui) for more details.
Since Vitest 0.31.0, you can check your coverage report in `Vitest UI`: check [Vitest UI Coverage](/guide/coverage#vitest-ui) for more details.
userquin marked this conversation as resolved.
Show resolved Hide resolved

::: warning
If you still want to see how your tests are running in real time in the terminal, don't forget to add `default` reporter to `reporters` option: `['default', 'html']`.
Expand Down