@vue/cliを4系にしました。
特段ムズカシイことはありませんでた。
で、テストを実施したところ...
yarn vue-cli-service test:unit --coverage --verbose --silent
あれ??
----------|----------|----------|----------|----------|-------------------|
File | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s |
----------|----------|----------|----------|----------|-------------------|
All files | 0 | 0 | 0 | 0 | |
----------|----------|----------|----------|----------|-------------------|
カバレッジが0になっちゃいました。
設定変えてないんですけどね。変えなきゃいけなくなったんでしょうか?
前述のここをみたところ、プリセットが用意されているようです。
https://cli.vuejs.org/migrating-from-v3/
package.json
〜〜〜
"jest": {
"preset": "@vue/cli-plugin-unit-jest",
〜〜〜
だけでいいとか、でも自分のはcollectCoverageFromで明示してたんですよね。
package.json
〜〜〜
"jest": {
〜〜〜
"collectCoverageFrom": [
"src/**/*.{vue}",
]
〜〜〜
なんでこれでダメなの??と思いいろいろ試してたんですが解決しました。
これでうまく行きました。*.{vue}
から*.vue
への変更です。
package.json
〜〜〜
"jest": {
〜〜〜
"collectCoverageFrom": [
"src/**/*.vue",
]
〜〜〜
結果もこの通り。
-------------------------------|----------|----------|----------|----------|-------------------|
File | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s |
-------------------------------|----------|----------|----------|----------|-------------------|
All files | 100 | 100 | 100 | 100 | |
src | 100 | 100 | 100 | 100 | |
App.vue | 100 | 100 | 100 | 100 | |
〜〜〜〜
なんで{}
がダメになっちゃったんでしょうね〜