javascript - 如何在 Eclipse 中使用 Selenium 将外部 .js 导入到我的 Java 测试中？

Question

我想将我的 JavaScript 函数导入 Eclipse 中的 Java 项目并与 Selenium 一起使用，但我找不到执行此操作的表单。

我尝试制作这样的 .js 文件，以便 Selenium 可以识别此代码:

Selenium.prototype.doProve = function() {
    $("#proveDiv > div > div").each(function(i, obj)
    { 
    $(i).click(function(){});
    });
};

好吧，如您所见，我有 3 个 div，我想做的是访问第三个 div，其中我还有 2 个 div(这是循环的线索)。在循环的每个 div 中，我想点击一下。

我试图在我的 Java 项目中使用这个函数，但我得不到任何结果，所以我尝试将这个函数作为一个字符串执行，然后像这样执行脚本:

String script = "$(\"#proveDiv > div > div" +
                    "\").each(function(i, obj){ " +
                    "$(i).click(function(){});})";

//Executing script

 if (driver instanceof JavascriptExecutor) {
        ((JavascriptExecutor) driver).executeScript(script);
 }

它可以工作，但不是很有用，因为我想制作一个包含所有 JavaScript 函数的外部 .js 并从那里调用它们，而不是在字符串中。

如有任何帮助，我们将不胜感激。我在这里看到了一些问题，但其中任何一个都对我有用。非常感谢!

Answer 1

It works, but it's not very useful, because I want to make an external .js which contains all the JavaScript functions and call them from there, not in a String.

您只能通过将外部 js 文件加载到 DOM 中来实现这一点

var addscript=window.document.createElement('script');addscript.type='text/javascript';addscript.src='http://localhost/somescript.js';document.getElementsByTagName('body')[0].appendChild(addscript);

注意 : 大多数浏览器不允许您加载本地资源，因此请将您的外部 js 文件放在本地网络服务器中，然后像 http://localhost/somescript.js 一样访问它。

将js文件加载到DOM后就可以调用外部js文件中的javascript函数了

示例

假设我们有一个名为 somescript.js 的外部 js 文件，其中包含以下函数

//simple function which sets the value "test" to the search box

window.somefunc = function () {document.getElementsByName("s")[0].value='test';}

网络驱动程序代码:

     driver.get("http://www.jquery.com");

     //Load the External js file into DOM

     ((JavascriptExecutor) driver)
      .executeScript("var addscript=window.document.createElement('script');addscript.type='text/javascript';addscript.src='http://localhost/somescript.js';document.getElementsByTagName('body')[0].appendChild(addscript);");

     //wait for the js to be loaded to the DOM

     ((JavascriptExecutor) driver)
      .executeScript("return typeof(somefunc)").toString().equals("function");


     //Now you call the JavaScript functions in the JS file

     ((JavascriptExecutor) driver)
      .executeScript("somefunc();");

注意:在幕后，Selenium 将您的 JavaScript 代码包装在 anonymous function 中。 .所以你的 somefunc 函数是这个匿名函数的本地函数。而且由于 JavaScript 的作用域规则，somefunc 不存在于那个匿名函数之外。所以我们通过将它分配给窗口使其成为一个全局函数。

编辑:

And I don't really understand why you use the window statement. And I was searching something like ((JavascriptExecutor) driver).executeScript("here the .js"); But I don't know if it is possible

这就是executeScript方法执行提供的 javascript

The script fragment provided will be executed as the body of an anonymous function.

如果我们使用下面的代码示例

((JavascriptExecutor) driver)
      .executeScript("somefunc = function () {document.getElementsByName("s")[0].value='test';}");

((JavascriptExecutor) driver)
      .executeScript("somefunc();");

(function() {
        somefunc = function () {document.getElementsByName("s")[0].value='test';}
    })();

    (function() {
        somefunc();
    });

What do you mean where you say that you want to put the external .js into the DOM?

我所说的 DOM 是指页面的文档对象模型构造为对象树(简称为您的网页)。我们使用 javascript 将外部 js 加载到网页，然后调用 js 文件中的函数并执行它们(就像上面的例子一样)。

In the code that you put in your edit. Both functions are the same?

我只是举了一个例子，我的意思是执行脚本中提供的每个脚本都将在匿名函数的主体中执行。在我们的例子中，我们没有使用 executescript 来创建 somefunc 函数，而是从dom 中的外部 js 文件我们只使用 executescript 方法调用它，因此您可以使用或不使用 window 对象来完成它

  //simple function which sets the value "test" to the search box

somefunc = function () {document.getElementsByName("s")[0].value='test';}//this will also work

希望这对您有所帮助。如果您有任何疑问，请回来。