How to disable coverage report for <template> and <style> section in the vue file

[zhangbg]

I want to collect coverage report for the <script> section in the vue file. Is there any idea to disable coverage report for and <style> section in the vue file?

[AriPerkkio]

Both c8 and istabul coverage providers utilize source maps when mapping covered transformed code back to source files. If the <style> block is included in source maps it will be shown in coverage report. It's the Vue compiler that does that.

On Vitest repository there is test/coverage-test/src/Defined.vue which looks fine to me when using coverage.provider: istanbul. The <style> block is not included but the <template> is.

[mityaua]

So what about template tag? Is it possible to exclude this tag from coverage? (istanbul).

[philly-vanilly]

@zhangbg

I want to collect coverage report for the <script> section in the vue file. Is there any idea to disable coverage report for and <style> section in the vue file?

very easily. use search-replace in your IDE to add v-8 ignore tags in your components like this:

/* v8 ignore start */
<template>
  ...
</template>
/* v8 ignore end */

as for styles, those are ignored by default

[timrayers]

Is it possible to set this at a project level, rather than in every file?