javascript - 如何测试 Chrome 扩展？

Question

有什么好的方法吗？我正在编写一个扩展，它作为内容脚本与网站交互并使用本地存储保存数据。我可以使用任何工具、框架等来测试这种行为吗？我意识到有一些用于测试 javascript 的通用工具，但是这些工具是否足够强大来测试扩展？单元测试是最重要的，但我也对其他类型的测试(例如集成测试)感兴趣。

Answer 1

是的，现有的框架非常有用..

最近，我将所有测试放在嵌入到应用程序中的“测试”页面上，但除非物理键入，否则无法访问。

例如，我可以在 chrome-extension://asdasdasdasdad/unittests.html

下访问页面中的所有测试

测试可以访问 localStorage 等。为了访问内容脚本，理论上您可以通过测试页面中嵌入的 IFRAME 进行测试，但是这些是更多集成级别的测试，需要单元测试您可以将其从真实页面中抽象出来，这样您就不会依赖它们，同样可以访问 localStorage。

如果您想直接测试页面，您可以编排您的扩展程序以打开新选项卡 (chrome.tab.create({"url": "someurl"})。对于每个新选项卡，您的内容脚本应运行并您可以使用测试框架来检查您的代码是否完成了它应该做的事情。

对于框架，JsUnit或更新的Jasmine应该可以正常工作。