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 的執行方式。