unit-testing - 如何使用 JEST 框架模拟 chrome API？

Question

我想使用 jest 框架来模拟 chrome api。
例如我使用 chrome.browserAction.setIcon向后台脚本发送消息。我如何模拟 chrome.browserAction.setIcon或任何其他 API，例如 chrome.runtime.sendMessage测试该方法是否已被调用？

我曾尝试使用 jest.spyOn() 来测试该方法是否已被调用。

这是测试方法

 test("mock testing chrome",()=>{
     spyOn(chrome,
          chrome.browserAction.setIcon);
     content.chromemocktest();
     expect(spy).toHaveBeenCalledWith({path:"/images.png"});
 });

我正在测试的方法是:

 chromemocktest: function(){
     chrome.browserAction.setIcon({path:"/image.png"});

 }    

当我运行 npm run test对于运行测试用例，它会抛出如下所示的错误。

 <spyOn> : stub() method does not exist
 Usage: spyOn(<object>, <methodName>)

Answer 1

看看模块@bumble/jest-chrome .我刚刚在我的 TS 项目中使用了它，就像一个魅力，而且 super 好用。