EclipseでJavascriptでJestを実行する方法

今回は、Eclipse2025のIDEを用いて、Spring Boot（Maven）プロジェクトにおいてJavascriptのJestを実行してみます。
JavaScript / Jest は Maven 管理ではなく Node.js 管理になります。

ディレクトリ構成

frontendフォルダを作成しておきましょう。
ポイント
１．Spring Boot とJestは ディレクトリ分離がベスト
２．Maven とnpmは役割を分ける

spring-boot-project
├─ pom.xml
├─ src/main/java      ← Spring Boot
├─ src/main/resources
│  └─ static
│     └─ js           ← JavaScript（テスト対象）
├─ frontend           ← ★ Node.js & Jest 用ディレクトリ
│  ├─ package.json
│  ├─ node_modules
│  ├─ src
│  │  └─ sum.js
│  └─ tests
│     └─ sum.test.js

frontend（Node.js用）ディレクトリを作成

1.プロジェクト右クリック
2.New → Folder
3.名前：frontend

frontendでnpm初期化 & Jestインストール

Eclipseのターミナルで

cd frontend
npm init -y
npm install --save-dev jest

package.jsonの編集

npm init -y を実行した直後のpackage.jsonには、デフォルトで次のような設定が入っています：

package.json(一部抜粋)

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1"
}

つまり、「テストは未設定です」と表示して わざと失敗するようになっています。
なので、コマンドnpm testを入力すると下記のエラーがターミナルに表示されます。

> frontend@1.0.0 test
> echo "Error: no test specified" && exit 1

"Error: no test specified"

解決方法
① frontend/package.json を開く
② scripts.test をjestに変更する

package.json(修正前)

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1"
}

package.json(修正後)

"scripts": {
  "test": "jest"
}

もう一度、npm testコマンドを入力すると下記が表示されます。

さいごに、変更後と変更前のコードの差異を記載します。
変更前

package.json

{
  "name": "frontend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "jest": "^30.2.0"
  }
}

変更後

package.json

{
  "name": "frontend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "jest"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "jest": "^30.2.0"
  }
}