java - WebDriver 中的 AngularJS 表单

Question

有一个数据类型为input[type="text"i] 的文件上传表单。我想选择并上传一个没有 Robot class 和 KeyEvent 的文件。 HTML 中的类如下所示:class="form-control ng-pristine ng-invalid ng-touched"。

我尝试在不打开文件选择器窗口的情况下上传文件，因此使用以下代码。

driver.findElement(By.cssSelector("myfilepath");

当我使用 XPath 识别对象并传递文件路径时，我得到了一个异常。

org.openqa.selenium.ElementNotVisibleException: element not visible

类似的站点和表单:https://angular-file-upload.appspot.com/#2

Answer 1

使用 javascript 我们可以实现这一点

javascript代码:

var test=document.querySelector('your css selector');

test.setAttribute("value","your path value");

在字符串中编写javascript代码并与csspathselector，文件路径值一起传递给javascriptExecutor

Selenium 代码:

String js = "var test=document.querySelector(arguments[0]);test.setAttribute('value',arguments[1]);";
JavascriptExecutor jse = (JavascriptExecutor)driver;
jse.executeScript(js, "yourcssSelectorPath","filepath");