如何通过 SinonJs 模拟库？

如何解决如何通过 SinonJs 模拟库？

我有一个文件：browser-launcher.ts

import * as browser from "@lib/browser";
    
class browserLauncher {
    launch(options) {
       browser = browser(options);
    }
}
    
export const browserLauncher = new browserLauncher()

如何模拟库 '@lib/browser' 来测试 browserLauncher 的方法启动？

如何在 browser-launcher.ts 模块中正确测试变量 browserLauncher？

解决方法

Sinon 并不是一个真正处理您的特定问题的库，它在模块加载器级别用一个模块代替一个假模块，因为这非常特定于您工作的环境。 Sinon 只处理替代品的实际创建（模拟或存根实现）。此类模块替换由特定的第三方库（例如proxyquire、rewire 等）解决，您要替换的依赖模块在测试文献中称为“链接接缝”。

您可以在 Sinon 团队中查看我们在 CommonJS 环境中如何执行此操作的操作方法：https://sinonjs.org/how-to/link-seams-commonjs/。

看到 @lib/... 字符串让我觉得这是一个 webpack 特定的问题，在这种情况下，你应该找到一些处理 webpack 的模块替换库。一个这样的库是 inject-loader。

话虽如此，有时可以使用 Sinon 替换某些模块上的导出，但这完全取决于环境！符合规范的 ES 模块导出不可变的命名空间，因此您不应该能够覆盖导出。

您可以在我们的 test code 中看到 Sinon 的预期行为，在那里您可以看到诸如 export default { foo(){} } 之类的导出可以被存根（因为其成员不是不可变的），而 export function foo(){} 不能被存根存根。

您可以存根导出的唯一方法是让您的 ES 环境不合规：生成可写的导出或禁用只读性质。

在不使用链接接缝的情况下测试模块

In another answer 我详细介绍了两种无需外部工具即可使用普通依赖注入来完成此操作的方法。您应该检查一下，因为它非常简单，但缺点是它需要对您的生产代码进行仅测试的小更改以促进它。这是一种权衡利弊：更改代码或引入更多依赖项。

我编写了 a more elaborate example of this technique on the Sinon issue 跟踪器，您可能想要查看，我在其中展示了如何可选注入依赖项。