開玩笑的單元測試 module.export 失敗了？

Question

我已經為單元測試設置了 Jest，它工作得很好，但是這些功能在瀏覽器中不起作用？ 我知道這是因為函數的導出方式。

import $ from 'jquery';

function factBox() {
  console.log("GHEje fwe");
  $("body").css("background-color", "red");
}

function sum(a, b) {
  console.log("SUMMM");
  return a + b;
}

module.exports = factBox;
module.exports = sum;

另一方面，這在瀏覽器中有效，但現在測試失敗了？：

import $ from 'jquery';

function factBox() {
  console.log("GHEje fwe");
  $("body").css("background-color", "red");
}

function sum(a, b) {
  console.log("SUMMM");
  return a + b;
}

export {
  factBox,
  sum
};

Answer 1

這是您的案例的一個工作示例：

index.js ：

import $ from 'jquery';

function factBox() {
  console.log('GHEje fwe');
  $('body').css('background-color', 'red');
}

function sum(a, b) {
  console.log('SUMMM');
  return a + b;
}

export { factBox, sum };

index.spec.js ：

import { sum } from '.';

test('add 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3);
});

單元測試結果：

 PASS  src/stackoverflow/58696477/index.spec.js (10.76s)
  ✓ add 1 + 2 to equal 3 (11ms)

  console.log src/stackoverflow/58696477/index.js:9
    SUMMM

Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        12.303s