External javascript not loaded in Selenium

Question

I am trying to inject Javascript code into Selenium webdriver using external javascript source. So basically, I inject the DOM with this:

public class Testing extends BaseInitialization{

public static void main(String args[]) {
    new Testing();
}

public Testing() {
    driver.get("http://www.google.com/");
    JavascriptExecutor jse = (JavascriptExecutor) driver;
    jse
            .executeScript("var s=window.document.createElement('script');" +
                    " s.type = 'text/javascript'; s.src='elementController.js';" +
                    " window.document.head.appendChild(s);");
    jse.executeScript("test();");
}
}

And here is my js file:

document.ourFunction =  function(){
     alert("Hey");
}

function test() {
     alert(1);
}

And this is a snippet from my project structure (js file is at the same level as Testing class is):

But for some reason, the external javascript is not loaded at all. Injection itself seems to work because when I replace the source file name with direct javascript (alert for example), then it works (Browser opens, it goes to google and alerts), but when I try to take javascript from js file, then it fails. What am I doing wrong?

Even the script node inserted into the DOM tree. but browser is not execute the javascript inside it. And you can execute your javascript code in Devtool's console and you will find the script also not work. I have not found the reason why inserted script node dynamically not executed by browser. — yong
– yong, Commented Sep 19, 2017 at 1:06
what will happen if change to jse.executeScript("ourFunction();"); stackoverflow.com/questions/17385779/… — yong
– yong, Commented Sep 19, 2017 at 1:12
please add some sleep() before jse.executeScript("test();"); — yong
– yong, Commented Sep 19, 2017 at 8:38

yong · Accepted Answer · 2017-09-19 08:33:23Z

1

You must insert the script node into head node, this will make the browser to execute the javascript in script node or in src file. This is very important.

Below code worked fine when run on my chrome, an alert with test will pop-up.

public void aa() throws InterruptedException {

String script = 
        "var head= document.getElementsByTagName('head')[0];" +
        "var script= document.createElement('script');" +
        "script.type= 'text/javascript';" +
        "script.src= 'test.js';" +
        "head.appendChild(script);";

driver.get("file:///C:/workspace/js-projects/tey/reports/cucumber_report.html");
Thread.sleep(3000);

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript(script);

Thread.sleep(3000);
js.executeScript("test()");

Thread.sleep(10000);
}

Content of test.js

function test() {
    alert('test');
}

answered Sep 19, 2017 at 8:33

yong

13.8k1 gold badge19 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

yong Over a year ago

please add some sleep() before call the javascript function: test

Omaja7 · Accepted Answer · 2017-09-19 07:37:25Z

0

Okay. I would like to update the answer. I am not sure, but maybe the thing with the following input is that it will never find this external location because it tries to look this file from google server. But when I use Scanner class to make a javascript string and add it directly to s.src, then it seems to work.

answered Sep 19, 2017 at 7:37

Omaja7

1291 gold badge5 silver badges14 bronze badges

Collectives™ on Stack Overflow

External javascript not loaded in Selenium

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related