JestでのBabelの使用設定

概要

Jestでexportに対応していない古いJavaScriptコードをテストする場合、元のコードに手を加えずにテストするには、BabelというJavaScriptコンパイラー・変換ツールを併用する必要があるようです。

ただ、JestでBabelを使う場合、使用するパッケージや設定があります。「Getting Started · Jest」に記載があるので、これを行います。

内容

まず、以下のコマンドで必要なパッケージをインストールします。

npm install -D babel-jest @babel/core @babel/preset-env

続いて、babelの設定ファイルとして、babel.config.jsに以下を記入します。

module.exports = {
  presets: [['@babel/preset-env', {targets: {node: 'current'}}]],
};

これで完了です。最初に導入したbabel-jestパッケージがJestの実行時に自動的にファイルを変換してくれるようです。

結論

JestでのBabelの使用設定でした。「Usage Guide · Babel」がBabelの公式文書ですが、使用する設定ファイル、設定内容がJestでの手順と異なっており、注意が必要です。

現状、基本的にJestのためだけにBabelを使用するため、Jestの手順を優先することにします。

Babel自体はいろいろできるツールです。今回はJestのためだけに使い、Jestが勝手に中で使ってくれるので、ひとまずBabel自体の詳細は必要なときに調査します。