switch out javaScript for selenium

Question

switch out javaScript for selenium

I'm attempting to replace the JavaScript functionality of a web page using Selenium (in Java with Firefox Geckodriver, if that makes a difference).

Consider this webpage:

<HTML><HEAD></HEAD>
<BODY>
    <DIV id="time">Time</DIV>
</BODY>
<SCRIPT>
    !function(){
        setInterval(function(){
            document.getElementById('time').innerHTML = new Date();
        }, 500);
    }();
</SCRIPT>
</HTML>

Now, after loading it with Selenium, I am using JavascriptExecutor to remove the <SCRIPT> section.

((JavascriptExecutor) driver).executeScript(
    "var r = document.getElementsByTagName('script');" +
    "for(var i = (r.length - 1); i >=0; i--){" +
    "   r[i].parentNode.removeChild(r[i]);" +
    "}");

Then, I wait for 2 seconds and add a new <SCRIPT> element.

Thread.sleep(2000);

((JavascriptExecutor) driver).executeScript(
    "var newScript = document.createElement(\"SCRIPT\");" +
    "newScript.innerHTML = \"document.getElementById('time').innerHTML = 'NEW SCRIPT IS RUNNING';\";" +             
    "document.body.appendChild(newScript);");

It appears to be working, but the old script is still active and updating the <DIV> tag with the current time. So, I am looking for a way to stop the active JavaScript threads or instruct Selenium to 'soft' reload the page with the altered DOM tree.

javascript java selenium

Answer 1

Answer №1

Special thanks to the tip from @pguardiario for guiding me in creating a successful solution. I utilized browserMob proxy to intercept the webpage response, eliminating all <SCRIPT> tags from the HTML. This allowed the selenium web driver to inject its own JavaScript seamlessly.

String webpage = "http://SOME_WEB_PAGE.com";

// initializing proxy object
BrowserMobProxy proxy = new BrowserMobProxyServer();

// create a response filter
proxy.addResponseFilter(new ResponseFilter() {
    @Override
    public void filterResponse(HttpResponse response, HttpMessageContents contents, HttpMessageInfo messageInfo) {
        // check if it is a response to the webpage request
        if(messageInfo.getUrl().equals(webpage)){
            // parse the result using JSOUP and remove all <SCRIPT> Tags
            Document doc = Jsoup.parse(contents.getTextContents());                     
            for(Element element : doc.select("script")) element.remove();                       
            contents.setTextContents(doc.html());
        }
    }
});

// starting the proxy and setting it as a firefox option
proxy.start(0);
Proxy seleniumProxy = ClientUtil.createSeleniumProxy(proxy);            
DesiredCapabilities capabilities = new DesiredCapabilities();
capabilities.setCapability(CapabilityType.PROXY, seleniumProxy);
FirefoxOptions options = new FirefoxOptions();
options.merge(capabilities);

// initializing the selenium web driver and loading the modified webpage without any <SCRIPT> Tags
WebDriver driver = new FirefoxDriver(options);                       
driver.get(webpage);            
driver.manage().timeouts().pageLoadTimeout(10, TimeUnit.SECONDS);

// injecting custom javaScript
((JavascriptExecutor) driver).executeScript(
    "var newScript = document.createElement(\"SCRIPT\");" +
    "newScript.innerHTML = \"document.getElementById('time').innerHTML = 'NEW SCRIPT IS RUNNING';\";" +             
    "document.body.appendChild(newScript);");

Answer 2

Special thanks to the tip from @pguardiario for guiding me in creating a successful solution. I utilized browserMob proxy to intercept the webpage response, eliminating all <SCRIPT> tags from the HTML. This allowed the selenium web driver to inject its own JavaScript seamlessly.

String webpage = "http://SOME_WEB_PAGE.com";

// initializing proxy object
BrowserMobProxy proxy = new BrowserMobProxyServer();

// create a response filter
proxy.addResponseFilter(new ResponseFilter() {
    @Override
    public void filterResponse(HttpResponse response, HttpMessageContents contents, HttpMessageInfo messageInfo) {
        // check if it is a response to the webpage request
        if(messageInfo.getUrl().equals(webpage)){
            // parse the result using JSOUP and remove all <SCRIPT> Tags
            Document doc = Jsoup.parse(contents.getTextContents());                     
            for(Element element : doc.select("script")) element.remove();                       
            contents.setTextContents(doc.html());
        }
    }
});

// starting the proxy and setting it as a firefox option
proxy.start(0);
Proxy seleniumProxy = ClientUtil.createSeleniumProxy(proxy);            
DesiredCapabilities capabilities = new DesiredCapabilities();
capabilities.setCapability(CapabilityType.PROXY, seleniumProxy);
FirefoxOptions options = new FirefoxOptions();
options.merge(capabilities);

// initializing the selenium web driver and loading the modified webpage without any <SCRIPT> Tags
WebDriver driver = new FirefoxDriver(options);                       
driver.get(webpage);            
driver.manage().timeouts().pageLoadTimeout(10, TimeUnit.SECONDS);

// injecting custom javaScript
((JavascriptExecutor) driver).executeScript(
    "var newScript = document.createElement(\"SCRIPT\");" +
    "newScript.innerHTML = \"document.getElementById('time').innerHTML = 'NEW SCRIPT IS RUNNING';\";" +             
    "document.body.appendChild(newScript);");

switch out javaScript for selenium

Answer №1

Similar questions

Verify element clickability without setting a specific time limit for waiting

Relocating sprite graphic to designated location

Modify the CSS styles of inner elements dynamically

The compilation of debug Java with Javac in CordovaLib is not being done incrementally

Ensuring the vue carousel component stops rendering once all of its data has been displayed

How can we implement a select-all and deselect-all feature in Vue Element UI for a multi-select with filtering capability?

How can I get electron to interact with sqlite3 databases?

Console log displays varied outputs for identical arrays

The test results differ depending on the browser used - it fails when executed in web

"Interact with jQuery by sliding side to side or in a circular motion

jQuery DataTable error: Attempted to set property 'destroy' on an undefined object

Sending search queries from a frontend built with React.js to a backend in Express.js: What is the best approach?

The properties are not appearing on the screen nor in the React Development Tools

Utilize the function specified in an external file

Struggling to implement sparklines for real-time data in the AngularJS adaptation of the SmartAdmin template

Vuetify Error - "Attempting to access 'extend' property of an undefined object"

Setting up language preferences without having to reload the entire page

Ensuring thoroughness in validation without the use of specific text strings

Moving pictures using css3 transitions

Having trouble accessing the web browser with Selenium ChromeDriver on Windows 10