如何自动测试Chrome扩展程序中的内容脚本？

Question

I programmed a chrome extension which parses various site informations through content scripts. Now every other month one of the websites i support change their html layout, move to another address etc. And so i have to update my extension.

With 14 supported website (growing) with 5-7 properties each its just too much to do by hand. Is there a way to automatically run my js functions in the context of the websites and check the result?

I tryed it with iframes, but that didnt work cause of the same origin policy.

Answer 1

I created test extension for this. It navigates to the predefined list of pages and checked for expected modifications on each page (presence of specific tags). In your case it could be data tags with parsing results. Or you could share business logic code with your test extension and just adds additional validation code to it

Answer 2

I ended up creating a test page within my extension. It's only accessible if you know the correct path.

This test page then opens all sites supported by my extension with chrome.tabs.create and then inserts my test code with chrome.tabs.executeScript . executeScript can return the test results which i then display on my test page.

Code:

• https://github.com/shylux/FocusManga/tree/v1.2.2/extension/testing.js (executes tests, renders results)
• https://github.com/shylux/FocusManga/tree/v1.2.2/extension/testing.html (output, template)
• https://github.com/shylux/FocusManga/tree/v1.2.2/extension/testing_hoster.js (data, expected results)