Chrome 擴充功能單元測試

單元測試能讓小段程式碼獨立進行測試 和瀏覽器以外的位置。舉例來說,您可以編寫單元測試,確保輔助方法能正確將值寫入儲存空間。

不使用擴充功能 API 編寫的程式碼,可以使用 Jest 等架構進行正常測試。如要更輕鬆地以這種方式測試程式碼,請考慮使用 插入依附元件:可協助移除 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 擴充功能