通过单元测试,您可以在扩展程序的其余部分单独测试一小段代码,也无需在浏览器之外进行测试。例如,您可以编写单元测试,以确保辅助方法正确地将值写入存储空间。
可以使用 Jest 等框架对未使用扩展 API 编写的代码进行正常测试。为了更轻松地以这种方式测试代码,请考虑使用依赖项注入等技术,这有助于在较低级别的实现中移除对 Chrome 命名空间的依赖。
如果您需要测试包含扩展程序 API 的代码,请考虑使用模拟。
示例:通过 Jest 使用模拟
创建一个 jest.config.js
文件,用于声明一个在所有测试之前运行的设置文件:
jest.config.js:
module.exports = {
setupFiles: ['<rootDir>/mock-extension-apis.js']
};
在 mock-extension-apis.js
中,为您希望调用的特定函数添加实现:
mock-extension-apis.js:
global.chrome = {
tabs: {
query: async () => { throw new Error("Unimplemented.") };
}
};
然后,使用 jest.spy
在测试中模拟返回值:
test("getActiveTabId returns active tab ID", async () => {
jest.spyOn(chrome.tabs, "query").mockResolvedValue([{
id: 3,
active: true,
currentWindow: true
}]);
expect(await getActiveTabId()).toBe(3);
});
后续步骤
为了确保您的扩展程序按预期运行,我们建议您添加端到端测试。如需查看完整教程,请参阅使用 Puppeteer 测试 Chrome 扩展程序。