ES6 类的自动模拟失败（Jest，Vanilla JavaScript）

Question

我有一个 FooStorage 类，它有一个 Foo 对象数组作为成员变量。在测试FooStorage 时，我想模拟类Foo。
如ES6 Class Mocks 所述，在我的情况下，我只需要一个自动模拟。但是当我试图模拟这个类时，它似乎并没有成功。相反，当我尝试使用 mockClear() 重置模拟时，我收到一条错误消息。

以下是 jest 的代码和输出：

---

foo.js

class Foo {};

export default Foo;

---

foostorage.js

import Foo from "./foo.js";

class FooStorage {
    constructor() {
        this.storage = []; // Array of Foo objects
    }
}

export default FooStorage;

---

foostorage.test.js

import Foo from "../src/foo.js";
import FooStorage from "../src/foostorage.js";

import { jest } from "@jest/globals";

jest.mock("../src/foo.js");

beforeEach(() => {
    Foo.mockClear();
});

test("if the Foo constructor hasn`t been called", () => {
    const storage = new FooStorage();
    expect(Foo).not.toHaveBeenCalled();
});

---

output

if the Foo constructor hasn`t been called

TypeError: Foo.mockClear is not a function

   7 |
   8 | beforeEach(() => {
>  9 |      Foo.mockClear();
     |          ^
  10 | });
  11 |
  12 | test("if the Foo constructor hasn`t been called", () => {

  at Object.<anonymous> (test/foostorage.test.js:9:6)

---

我已经尝试将jest.mock("../src/foo.js"); 放在import Foo from "../src/foo.js"; 之前，但问题没有解决。

---

编辑：

我正在使用 Jest v. 27.0.6 和 jest-environment-node v. 27.0.6 和 @types/jest v. 27.0.1。
我还使用了 nodejs 参数 --experimental-modules 和 --experimental-vm-modules，这样我就可以使用 ES6 导入。我不使用 Babel 或其他任何东西。只是普通的 JavaScript。

Answer 1

自动模拟应该像文档解释的那样工作。如果它没有并导致所述错误，这意味着该模块没有被模拟，因此它也会因手动模拟而失败。这可能是因为未正确执行模拟（模块路径中的不同大小写或扩展名），或者 jest.mock 提升不起作用（最常见的原因是 Babel 转换配置错误）。

此代码与文档中显示的不同之处在于，jest global 是常用的，而这里是导入值，因此与使用jest global 不同。这很明显，known reason 提升的工作方式有所不同。

它可以可能通过以不干扰预期执行顺序的方式对依赖项进行排序来修复：

import { jest } from "@jest/globals";

jest.mock("../src/foo.js");

import Foo from "../src/foo.js";
...

jest.mock 的提升依赖于未记录的、不符合规范的 hack，这也取决于 Jest 版本和特定设置。它不能保证有效，因为 ES 导入预计会按规范提升到其他语句之上，并且没有排除。

一个过时但稳定的解决方法是切换到require，这是常规的 JavaScript 函数调用并按原样进行评估：

let { jest } = require ("@jest/globals");

jest.mock("../src/foo.js");

let { default: Foo } = require("../src/foo.js");
...

一个有效的解决方案是摆脱 jest 导入并设置具有相应全局变量的通用 Jest 环境，因此无论 Jest 版本和其他情况如何，jest.mock 都可以按预期提升。