Babelの設定

次世代JavaScript機能を使用してテストを作成するには、Babelを使用してテストファイルをコンパイルできます。

そのためには、まず必要なBabel依存関係をインストールします。

npm

npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/register

Yarn

yarn add --dev @babel/core @babel/cli @babel/preset-env @babel/register

pnpm

pnpm add --save-dev @babel/core @babel/cli @babel/preset-env @babel/register

babel.config.jsが正しく設定されていることを確認してください。

使用できる最も簡単な設定は次のとおりです。

babel.config.js

module.exports = {
    presets: [
        ['@babel/preset-env', {
            targets: {
                node: '20' // update with the target you are aiming for
            }
        }]
    ]
}

モノレポでBabelを使用する場合、ドキュメントの手順に従わないと複雑になる可能性があるため、Babelのドキュメントをよく読んでください。

いくつかのガイダンスを提供するために、考慮すべき事項をいくつか示します。

• ルートのbabel.config.jsonを作成する必要があります。
• 作成し、ドキュメントに従ってプロジェクトが正しく設定された後、下記の例を追加してwdio設定ファイルを更新することで、Babelに設定ファイルの検索を指示する必要があります。

require("@babel/register")({
  rootMode: "upward",
});

これにより、Babelは上位から最も近いbabel.config.jsonを検索します。

設定が完了すると、WebdriverIOが残りの処理を行います。

あるいは、@babel/registerの環境変数を通して@babel/registerの実行方法を設定することもできます。