为什么如果从另一个模块调用该模块，则改变模块会更新引用，但如果从自身调用则不会？

这个问题涉及测试 javascript 和模拟函数。

假设我有一个如下所示的模块：

export function alpha(n) {
    return `${n}${beta(n)}${n}`;
}

export function beta(n) {
    return new Array(n).fill(0).map(() => ".").join("");
}

那么我无法通过以下方式测试它：

import * as indexModule from "./index";

//Not what we want to do, because we want to mock the functionality of beta
describe("alpha, large test", () => {
    it("alpha(1) returns '1.1'", () => {
        expect(indexModule.alpha(1)).toEqual("1.1"); //PASS
    });

    it("alpha(3) returns '3...3'", () => {
        expect(indexModule.alpha(3)).toEqual("3...3"); //PASS
    });
});

//Simple atomic test
describe("beta", () => {
    it("beta(3) returns '...'", () => {
        expect(indexModule.beta(3)).toEqual("..."); //FAIL: received: 'x'
    });
});

//Here we are trying to mutate the beta function to mock its functionality
describe("alpha", () => {

    indexModule.beta = (n) => "x";
    it("works", () => {
        expect(indexModule.alpha(3)).toEqual("3x3"); //FAIL, recieved: '3...3'
    });
});

但是，如果将模块分成两个：

alpha.js

import { beta } from "./beta";

export function alpha(n) {
    return `${n}${beta(n)}${n}`;
}

beta.js

export function beta(n) {
    return new Array(n).fill(0).map(() => ".").join("");
}

然后我可以改变 beta 模块，并且 alpha 知道它：

import { alpha } from "./alpha";
import * as betaModule from "./beta";

describe("alpha", () => {
    betaModule.beta = (n) => "x";
    it("works", () => {
        expect(alpha(3)).toEqual("3x3");   //PASS
    });
});

为什么会这样呢？我正在寻找技术上具体的答案。

我有一个包含此代码的 Github 分支here，参见mutateModule and singleFunctionPerModuleAndMutate文件夹。

作为一个附加问题 - 在此示例中，我通过直接重新分配属性来改变模块。我是否正确理解使用笑话模拟功能本质上会做同样的事情？

IE。如果第一个示例不起作用而第二个示例不起作用的原因是由于突变，那么它必然意味着使用 jest 模块模拟函数同样不起作用。

据我所知 - 在测试该模块时没有办法模拟模块中的单个函数，正如这个笑话 github issues 所谈论的。我想知道的是为什么会这样。

为什么如果从另一个模块调用该模块，则改变模块会更新引用，但如果从自身调用则不会？

“在 ES6 中，导入是导出值的实时只读视图”.

当您导入 ES6 模块时，您实际上可以实时查看该模块导出的内容。

实时视图可以发生变化，任何导入模块导出的实时视图的代码都会看到变化。

这就是为什么你的测试在以下情况下有效alpha and beta位于两个不同的模块中。测试修改了实时视图beta模块，并且自从alpha模块使用实时视图beta模块，它会自动使用模拟函数而不是原始函数。

另一方面，在上面的代码中alpha and beta位于同一模块中并且alpha calls beta直接地. alpha does not使用模块的实时视图，因此当测试修改模块的实时视图时，它没有任何效果。

作为一个附加问题 - 在此示例中，我通过直接重新分配属性来改变模块。我是否正确理解使用笑话模拟功能本质上会做同样的事情？

有几种方法可以使用Jest.

其中一种方法是使用jest.spyOn它接受一个对象和一个方法名用调用原始方法的间谍替换对象上的方法.

常见的使用方法jest.spyOn是将 ES6 模块的实时视图作为对象传递给它，该对象会改变模块的实时视图。

所以是的，通过将 ES6 模块的实时视图传递给类似的东西来进行模拟jest.spyOn (or spyOn from Jasmine, or sinon.spy from Sinon等）改变模块的实时视图的方式与直接改变模块的实时视图的方式基本相同，就像您在上面的代码中所做的那样。

据我所知 - 在测试该模块时，没有办法模拟模块中的单个函数，正如这个笑话 github issues 所讨论的那样。我想知道的是为什么会这样。

其实，它is可能的。

“ES6 模块自动支持循环依赖”意思就是模块的实时视图可以导入到模块本身.

只要alpha calls beta使用模块的实时视图beta定义于，则beta测试过程中可以被嘲笑。即使它们是在同一模块中定义的，这也有效：

import * as indexModule from './index'  // import the live view of the module

export function alpha(n) {
    return `${n}${indexModule.beta(n)}${n}`;  // call beta using the live view of the module
}

export function beta(n) {
    return new Array(n).fill(0).map(() => ".").join("");
}