Vue.jsでnpm run test実行時、エラーが表示される

Question

Vue.jsでnpm run test実行時、エラーが表示される

作成したファイル

【テスト対象】

• src/views/Home.vue <- 親コンポーネント
• src/components/List.vue <- 子コンポーネント

【テスト用（srcと同階層に設置）】

• test/views/Home.spec.js

なお、テスト用ファイルの中身は次の通り。

// Home.spec.js
import { mount } from '@vue/test-utils'
import {describe, expect, it} from "@jest/globals"
import Home from "../../src/views/Home.vue"
import List from "../../src/components/List.vue"

describe("Home", () => {

  const wrapper = mount(Home);

  // Homeコンポーネントに<List></List>が含まれているかの確認
  it("not exists component", () => {
    expect(wrapper.contains(List)).toBe(true);
  });

});

確認したエラー

npm run test を実行すると、下記エラーが表示された。

Test suite failed to run

    ReferenceError: [BABEL] unknown: Unknown option: "プロジェクトパス"\node_modules\@vue\cli-plugin-babel\preset.js.overrides. Check out http:/
/babeljs.io/docs/usage/options/ for more information about options.

    A common cause of this error is the presence of a configuration options object without the corresponding preset name. Example:

    Invalid:
      `{ presets: [{option: value}] }`
    Valid:
      `{ presets: [['presetName', {option: value}]] }`

なお、src下の.babelrcは下記の通り。

{
  "presets": [["env", { "modules": false }]],
  "env": {
    "test": {
      "presets": [["env", { "targets": { "node": "current" } }]]
    }
  }
}

上記から次に進めず困っております。
何かご存じなことがあれば、ご教示いただけると幸いです。
よろしくお願いいたします。

Comments

[tomomo]

babelのヴァージョンとか環境構成(webpack?)とかもう少し記載した方が回答付きやすいかもしれません。

[Suumon]

お返事が遅くなってしまい、申し訳ないです。

PCを買い替えた際に、上記プロジェクトが消えてしまったので、
現状、こちらの問題は保留にしてます。
隙を見て、またトライしたいと思います。