如何在 2021 年為 Chrome 擴展程序運行集成/e2e 測試？

Question

我正在構建一個 Chrome 擴展程序，用於從網站中刪除一些內容。 我想對其進行一些集成和 e2e 測試以檢查...

1. 在chrome.storage API 中設置值的函數
2. 與擴展程序的 UI 交互（即當您單擊地址欄旁邊的擴展程序圖標時）
3. 從 e2e 的角度來看，擴展是否運作良好

我是測試的初學者，我正在努力找出最好的方法。 到目前為止，這是我看過的選項：

• Cypress——只能做3的一部分； 我說“一部分”是因為 e2e 需要我查看chrome.storage API 中的變化。
• Puppeteer & Jest - 適用於 Chrome，但 Firefox 中的功能是實驗性的，我計划使擴展與該瀏覽器兼容。
• Selenium & Jest - 似乎是唯一一個可以工作的，但我在這里看到的大多數答案都來自 +3 年前，而且似乎需要很多設置。

Selenium 仍然是 2021 年測試 Chrome 擴展的唯一選擇嗎？

Answer 1

經過一周的研究，我得出結論，最好的方法是使用 Selenium 和 Jest。 設置需要一些時間來適應它，但是一旦你這樣做了，它就非常簡單了。 我的資源：

• https://github.com/applitools/jest-environment-selenium
• https://jestjs.io/docs/configuration