javascript - Ava babel-register 未转译

Question

我正在尝试将 Ava（从 mocha 迁移）作为我的反应/电子应用程序的测试运行程序。

我的 package.json 中有这个配置

  "ava": {
    "files": [
      "./app/**/*.spec.js"
    ],
    "source": [
      "./app/**/*.{js,jsx}"
    ],
    "concurrency": 5,
    "failFast": true,
    "require": [
      "babel-register",
      "ignore-styles",
      "./app/test/setup.js"
    ],
    "babel": {
      "presets": [
        "es2015",
        "react"
      ]
    }
  },

我的 setup.js 只是设置 jsdom 的助手。

我不断收到错误消息：

(function (exports, require, module, __filename, __dirname) { import { jsdom } from 'jsdom';
                                                              ^^^^^^
SyntaxError: Unexpected token import

所以似乎babel-register没有正确要求。

Answer 1

您可能已经找到了答案，但我想分享我的解决方案。对我来说，它是将部分移到babel部分旁边，ava如下所示：

{
  "ava": { ... ava config ... },
  "babel": { ... babael config ... }
}

完整示例

{
  "ava": {
    "files": [
      "./app/**/*.spec.js"
    ],
    "source": [
      "./app/**/*.{js,jsx}"
    ],
    "concurrency": 5,
    "failFast": true,
    "require": [
      "babel-register",
      "ignore-styles",
      "./app/test/setup.js"
    ]
  },
  "babel": {
    "babelrc": false,
    "presets": [
      "es2015",
      "react"
    ]
  }
}

原因是这就是 babel 搜索的内容。无论是package.json配置还是.babelrc文件。