Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Running a chrome extension from Selenium WebDriver

I am aware of how I can load a chrome extension in selenium webdriver. But I am not seeing any posts/blogs which describe how I can run a chrome extension from Selenium.

I need to explicitly make a chrome extension run/make it perform it's function from selenium. For example, I want to clear the cache of Chrome browser using this extension with Selenium Webdriver.

Can I do it in the first place? Or will Selenium WebDriver help me only with loading an extension into the browser instance and leave it there?

like image 939
Abhijeet Vaikar Avatar asked May 23 '14 09:05

Abhijeet Vaikar


People also ask

How do I programmatically configure Chrome extensions in Selenium Webdriver?

To add this extension to the Chrome browser, once it is launched by Selenium webdriver, we have to use the ChromeOptions class. We shall create an object of this class and apply addExtensions method on it. The path of the . crx file of the extension that we want to add is passed as a parameter to that method.

Can we automate Chrome extensions?

But in order to automate actions on a browser extension, testers have to identify where the extension's pages are located. Then, they would have to switch their scope in the web UI to interact with the extension pages as DOM elements.


1 Answers

When a Chrome extension is activated, it is already "running" (its background/event page, at least). There is no API to programatically click on the button.

If you want to use the functionality of an existing extension with little efforts, then I suggest to download the source code of the extension and insert an additional event listener in the extension's source code.

  1. Get the extension's source (e.g. using the Chrome extension source viewer aka CRX Viewer).
  2. Unpack the zip file.
  3. Create a new HTML file, example_name.html, and let it contain:

    <script src="example_name.js"></script>
    
  4. Create a new script file, example_name.js, and let it call the extension's functionality, e.g.:

    chrome.runtime.getBackgroundPage(function(bg) {
        // Relevant function at the background page. In your specific example:
        bg.clearCache();
    });
    
  5. Add the previous HTML file to web_accessible_resources in the manifest file.
  6. Pack the extension again, e.g. using the GUI at chrome://extensions or using

    chrome.exe --pack-extension=directorycontainingextension
    

    After creating directorycontainingextension.crx, load this crx file in Chrome to know the extension ID. If you don't know how to load the crx file in Chrome, just visit https://robwu.nl/crxviewer/, select the crx file, open the F12 developer tools and copy the 32-character string at "Calculated extension ID: [extension ID here]".

    (Starting from ChromeDriver 2.11, you can just zip the extension instead of packing it as a CRX file, and hard-code the extension ID in the manifest file by setting the "key" attribute (this "key" attribute is also printed to the F12 console by the CRX Viewer).)

After modifying the extension, you will have an extension with the same functionality as the original one, plus an additional HTML page. This new HTML page will invoke the extension's functionality when it is opened.

After doing this, "running" the extension is as easy as opening chrome-extension://[EXTENSION ID HERE]/example_name.html in a new tab.

If you don't like these new tabs, then you could also use the chrome.webRequest or chrome.declarativeWebRequest API to intercept custom URLs and activate the desired functionality whenever a page requests this resource. Then, you can just put the URL in an <img> to activate the extension's functionality.

like image 152
Rob W Avatar answered Sep 18 '22 20:09

Rob W