Highlight sub_threshold items in coverage html

[herzaso]

Clear and concise description of the problem

When generating an html coverage, there is no way to distinct items that are above the threshold from those that are below and needs to be fixed.

Suggested solution

I suggest marking the errors in the table in red or something that will pop up

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[AriPerkkio]

You can use the watermarks with istanbul provider:

• https://vitest.dev/config/#coverage-watermarks
• https://github.com/istanbuljs/nyc#high-and-low-watermarks

[AriPerkkio]

Looks like c8 supports it also but hasn't documented it. You can also pass these to c8 provider.

Here is example of how the table can look like with configuration below:

export default defineConfig({
  test: {
    coverage: {
      watermarks: {
        functions: [90, 95],
        branches: [90, 95],
        lines: [90, 95],
        statements: [90, 95],
      },

[herzaso]

Works great! thanks!