課題
Vitestでテストを書いている。
カバレッジをvitest run --coverage
で出力しているのだが、
ファイルのパスが長すぎて以下のように3点のピリオド...
で省略されてしまうことがあった。
---------------------------|---------|----------|---------|---------|-------------------
| File | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s |
|---------------------------|---------|----------|---------|---------|-------------------|
| All files | 83.26 | 78.63 | 69.42 | 83.26 | |
| ...eComponents/FugaButton | 0 | 0 | 0 | 0 | |
| index.vue | 0 | 0 | 0 | 0 | |
以下のように省略せずに出力したい。
| src/hogeComponents/FugaButton | 0 | 0 | 0 | 0 | |
現状、vitest.config.ts
は以下のようになっていて、
provider
にv8
、reporter
にtext
を指定している。
export default defineConfig({
test: {
(省略)
coverage: {
provider: "v8",
reporter: ["text"]
}
}
});
解決法
ファイル名が...で潰れてしまう原因は、表の幅が狭いから。
text
をreporterとして使う場合、maxCols
オプションがあるため、
それを使って幅を広げてやれば良い。
以下のように設定できる。
{
coverage: {
provider: "v8",
reporter: [
['text', { maxCols: 200 }]
]
}
}
参考