如何在 2021 年为 Chrome 扩展程序运行集成/e2e 测试？答案

【问题标题】：How to run integration / e2e tests for a Chrome extension in 2021?如何在 2021 年为 Chrome 扩展程序运行集成/e2e 测试？
【发布时间】：2021-06-30 03:42:03
【问题描述】：

我正在构建一个 Chrome 扩展程序，用于从网站中删除一些内容。我想对其进行一些集成和 e2e 测试以检查...

在chrome.storage API 中设置值的函数
与扩展程序 UI 的交互（即当您单击地址栏旁边的扩展程序图标时）
从 e2e 的角度来看，扩展是否运行良好

我是测试的初学者，我正在努力找出最好的方法。以下是我目前看到的选项：

Cypress - 只能做 3 的一部分；我说“一部分”是因为 e2e 需要我查看 chrome.storage API 的变化。
Puppeteer & Jest - 可以在 Chrome 上运行，但 Firefox 中的功能是实验性的，我计划让扩展程序与该浏览器兼容。
Selenium & Jest - 似乎是唯一可行的方法，但我在这里看到的大多数答案都来自 +3 年前，而且似乎需要进行很多设置。

Selenium 是否仍然是 2021 年测试 Chrome 扩展程序的唯一选择？

【问题讨论】：

Puppeteer & Jest - 适用于 Chrome，但 Firefox 中的功能是实验性的 - github.com/microsoft/playwright
@EstusFlask 刚刚签出了 Playwright，仅支持 Chrome/Chromium 的扩展加载，他们不打算将其扩展到 Firefox：github.com/microsoft/playwright/issues/2644

标签： selenium google-chrome-extension jestjs puppeteer cypress

【解决方案1】：

在研究了一个星期后，我得出的结论是，最好的方法是使用 Selenium 和 Jest。设置需要一些时间来适应它，但是一旦你这样做了，它就非常简单了。我的资源：

【讨论】：