jestjs - 如何使用 jest 和 babel v7 避免 "TypeError: Cannot set property"错误？

Question

我有一个项目要从 babel v6 升级到 babel v7。让它工作并不难，但我在单元测试代码中遇到了一些问题。

工作代码 foo.js 像下面。

import foo from './bar';
export {foo};

当我尝试在单元测试代码中模拟它时。

import * as Foo 'path/to/foo.js';
Foo.foo = jest.fn().mockReturnValue('whatever');

它失败并出现错误:

TypeError: Cannot set property foo of #<Object> which has only a getter

事实证明，babel v7 做的转译与 v6 不同。它编译 foo.js 进入:

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
Object.defineProperty(exports, "foo", {
  enumerable: true,
  get: function get() {
    return _bar.default;
  }
});

自 foo 被定义为 的 getter-only 属性导出 ，它不能操作导出的 foo 没有了。

暂时就换 foo.js 避免这种转译。我想知道这是否是禁用此类转换的任何 babel 配置。有任何想法吗？

Answer 1

在 Babel 7 中，您可以通过启用 "loose" mode in @babel/preset-env 来禁用此行为。 .如果你只想在你的测试环境中使用这种行为，你可以在你的 babelrc/babel.config.js 中进一步设置配置范围。

babel.config.js

module.exports = {
    env: {
        production: {
            presets: [
                [
                    '@babel/preset-env',
                    { loose: false },
                ],
            ],
        },
        test: {
            presets: [
                [
                    '@babel/preset-env',
                    { loose: true },
                ],
            ],
        },
    },
}

见 loose transformation .