Chrome拡張機能のE2Eテストが書いてみたので手法をまとめます。 やってみたこと Chikamichiという閲覧履歴やタブ、ブックマークを横断検索できるChrome拡張機能を作っているのですが、その拡張機能のリファクタリングの前準備として、E2Eテストを実装してみました。 本記事ではサンプルのChrome拡張機能のPopupページを対象にCypressのE2Eテストを実装していきます。 実際のテストコードについてはChikamichiのリポジトリにあるので、そちらを参照してください。 テスト対象のChrome拡張機能の作成 Vitesse-webextというChrome拡張機能のtemplateリポジトリを使ってサンプルの拡張機能を作成します。 任意のディレクトリで以下コマンドを実行してください。 $ npx degit antfu/vitesse-webext e2e-sample-