Ignore code in SFC <template> tags in coverage report.

[conorbdaly]

We are currently looking into migrating a test suite from jest/vue-test-utils to vitest. Previously Jest did not provide coverage of code in SFC templates, however when switching over to vitest we find that a lot of template code is showing up as uncovered.

Most of the uncovered code is difficult to trigger, and is unlikely to provide much value in testing. (Think event handlers on third party components, doing simple things like assigning values.)

I would suggest an option like ignoreVueTemplate passed to the coverage options in the define config to turn this on and off.

Does anyone have a workaround to ignore template coverage for now?

[AriPerkkio]

Maybe something like #3183 (reply in thread) would work?

import { defineConfig } from "vitest/config";
import vue from "@vitejs/plugin-vue";
import * as compiler from "vue/compiler-sfc";

export default defineConfig({
  plugins: [
    vue({
      compiler: {
        ...compiler,
        // Remove source maps from Vue templates
        compileTemplate: (...options) => ({
          ...compiler.compileTemplate(...options),
          map: undefined,
        }),
      },
    }),
  ],
});

[conorbdaly]

Yes, this works, thanks a million, you are a lifesaver.