Template / CSS coverage?

[edwh]

Apologies if this is a silly question; I've not managed to find discussion of it. I'd be delighted if someone posted me a "here you go, doofus" link.

There are ways to integrate code coverage tools into tests of Vue applications. But the examples of that which I've seen cover just the Javascript code.

Is there anything which can do coverage of the template and CSS?

I'm thinking of how to catch things like:

• Template logic, e.g. v-if branches that your tests don't cover.
• Dead CSS code in it which is no longer referenced from anything in the template.

[abhishekZom]

In chrome dev tools when you click on a file, in the bottom right corner you will see the coverage button. U can use that for specific files.

You can also use CSS overview in the dev tools. Enable it in experiments. Then Cmd+shift+p, then type css overview.

Also, for v-if logic, it is better that you place restrictions on data (Typescript) and test the functions that modified the data on which such template logics are working.

[edwh]

Thanks. I'm looking for something automated, though - similar to what you can get for source code with Coveralls.