带有 Jest 和 ES6 模块的 Javascript 测试单元

Question

谷歌搜索时有太多不同的帖子，无法选择清晰且最新的解决方案...

我写了 3 个测试来检查不同的可能性

===========。测试 1 正常 =================

// helloJest.js

function sayHello() {
  return "hello there jest"
}
module.exports = sayHello;

// helloJestTest

const sayHello = require('../../src/client/js/helloJest');
test('string returning hello there jest', () => {// 
  expect(sayHello()).toEqual('hello there jest');
});

===========。测试 2 失败 ================

// helloJest.js

function sayHello() {
  return "hello there jest"
}
export default { sayHello }; // <= changed

// helloJestTest

const sayHello = require('../../src/client/js/helloJest');
test('string returning hello there jest', () => {// 
  expect(sayHello()).toEqual('hello there jest');
});

TypeError: sayHello is not a function

      3 |
      4 | test('string returning hello there jest', () => {//
    > 5 |   expect(sayHello()).toEqual('hello there jest');
        |          ^
      6 | });
      7 |

===========。测试 3 失败 ================

// helloJest.js

function sayHello() {
  return "hello there jest"
}
export default { sayHello }; //  <= changed

// helloJestTest

import { sayHello } from '../../src/client/js/helloJest'; // <= changed
test('string returning hello there jest', () => {// 
  expect(sayHello()).toEqual('hello there jest');
});

    TypeError: (0 , _helloJest.sayHello) is not a function

      3 |
      4 | test('string returning hello there jest', () => {//
    > 5 |   expect(sayHello()).toEqual('hello there jest');
        |          ^
      6 | });

如何正确通过TEST 3???

我正在使用以下软件包

package.json

"babel-core": "^6.26.3",
"babel-jest": "^23.6.0",
"babel-loader": "^7.1.5",
"babel-preset-env": "^1.7.0",
"babel-preset-es2015": "^6.24.1",
...
"jest": {
    "moduleFileExtensions": ["js"],
    "transform": { "^.+\\.js?$": "babel-jest" },
    "testRegex": "/tests/.*\\.(js)$"
  }

我在

.babelrc

{
  "presets": ["env"]
}

Answer 1

你在那里的几个地方绊倒了。主要是：您不要将{} 与默认导入/导出一起使用。

这个：

export default { sayHello };

导出一个对象作为模块的默认导出。该对象有一个属性，sayHello，指的是函数。要将函数设为默认导出，请勿使用{}：

export default sayHello;

那么，导入时，如果要默认导入，不要使用{}：

import sayHello from '../../src/client/js/helloJest';

---

如果你想导出一个命名的导出，你可以使用{}:

export { sayHello };

和

import { sayHello } from '../../src/client/js/helloJest';

---

plunker 上的示例：https://embed.plnkr.co/f8PhOhULphQUrVXwdXF3/

Answer 2

测试 2

您确实将具有单个属性的对象导出为默认值，即sayHello 函数，因此您应该通过以下方式开玩笑地导入它：

const { sayHello } = require('../../src/client/js/helloJest');

测试 3

你再次像上面那样导出。 在这种情况下，您可以将其导入如下：

import Hello from '../../src/client/js/helloJest';

然后你应该能够将你的函数用作：

Hello.sayHello