babel-jest ES2015 导入语句答案

【问题标题】：babel-jest ES2015 import statementsbabel-jest ES2015 导入语句
【发布时间】：2016-02-26 06:10:35
【问题描述】：

有没有人使用 es2015 语法编写 jasmine / jest 测试？它需要多少 shimming / polyfill / gerrymandering？

我无法正确导入函数。我有一个模块： …./utils/TweetUtils.js

'use strict';

export function getListOfTweetIds (tweets) {
  return Object.keys(tweets);
};

和一个测试套件：

…./__tests__/TweetUtils-test.js

'use strict';
jest.dontMock('../TweetUtils');
import * as TweetUtils from '../TweetUtils';

describe('Tweet utilities module', () => {

  it('has access to the TweetUtils methods', () => {

    let testObj = {a:'a',b:'b',c:'c'};
    // Passes
    expect(TweetUtils.getListOfTweetIds).toBeDefined();
    // Passes
    expect(typeof TweetUtils.getListOfTweetIds).toBe('function');
    // Fails
    expect(TweetUtils.getListOfTweetIds(testObj)).toBeTruthy();
  });
});

如果我用这样的东西将控制台输出破解到套件中：expect(‘’).toBe(TweetUtils);

茉莉花报告：

- Expected: '' toBe: {
      default: {
          getListOfTweetIds: Function
      },
      getListOfTweetIds: Function
  }

所以看起来 import 语句正在做某事，但它显然没有诚实地导入我的方法。当我使用命名函数语法导入时，我得到了相同的结果：import {getListOfTweetIds} from ‘../TweetUtils’; 但如果我使用默认语法：import getListOfTweetIds from ‘../TweetUtils’; 第二个规范失败了——不再是typeof function，而是typeof object // => {default: Function}

我一直在梳理文档和未解决的问题。几个月来一直存在相关问题，但已知问题似乎不正确。我尝试导入我的 jest.dontMock 语句以避免提升，大约：https://github.com/babel/babel-jest/issues/16 但没有骰子。

如果我将 TweetUtils.js 修改为使用 module.exports = function… 并使用 const myFunction = require(‘../TweetUtils’) 将其带入套件，一切正常，但我并不觉得我在引导真正的 ES2015 魔法。在生态系统赶上新语法的同时，每个人现在都只是在处理不稳定的变通方法吗？

【问题讨论】：

标签： node.js babeljs jestjs

【解决方案1】：

正如你所说，import 语句被提升，它会导致 jest 自动模拟功能出现问题（模块是在你告诉 jest 取消模拟之前导入的）。

TweetUtils.getListOfTweetIds 已正确导入，但已被模拟，因此每个调用都返回 undefined。这就是第三个期望失败的原因。

导入jest.dontMock 语句可以工作（我测试过），但对我来说听起来很脏（你真的想为每个测试模块创建一个“dontmock 模块”文件吗？）

您必须对测试模块使用require 语法。替换

import * as TweetUtils from '../TweetUtils';

由

const TweetUtils = require('../TweetUtils');

在我修复它之前的玩笑示例中是相同的：jest#379

【讨论】：

就我而言，这仅在我添加 .default: const TweetUtils = require('../TweetUtils').default; 时有效

【解决方案2】：

问题似乎出在 babel 而不是 jest 。试试这个解决方案。

如果您使用的是“create-react-app”，请安装这些开发依赖项：

"babel-cli": "^6.26.0",
"babel-jest": "^22.4.1",
"babel-preset-react-app": "^3.1.1",

同时更新.babelrc（如果不存在则创建此文件）：

{
"presets": [
    "@babel/preset-env",
    "@babel/preset-react"
      ]
}

现在 jest 和 npm test 都可以正常工作了。

【讨论】：