Selenium文件上传问题：sendKeys无法操作Angular无input浏览按钮

我之前在处理Angular项目的Selenium自动化时，也碰到过这种浏览按钮是<a>标签、找不到可直接用sendKeys()的input的情况，太懂这种报错的烦躁了！结合你的情况，给你几个可行的解决方案：

第一步：先解决XPath定位错误的问题 #

你遇到的InvalidSelectorException，本质是用来定位input的XPath语法有误，或者路径指向了错误的元素。先按这个步骤排查：

• 打开Chrome开发者工具的Elements面板，找到<a>标签下方的input元素，右键选择Copy -> Copy XPath，直接用这个复制出来的XPath尝试定位，避免手动写路径出错。
• 确认这个input的type属性是file（文件上传的input必须是这个类型），可以在XPath里加上这个条件缩小范围，比如：

  By fileInputLocator = By.xpath("//input[@type='file' and preceding-sibling::a[@id='attachmentUpload-browse0']]");
  

第二步：处理隐藏的input元素 #

Angular页面经常会把文件上传的input设为隐藏（比如display:none或visibility:hidden），Selenium默认不能操作不可见元素，但文件上传的input有个特例：即使隐藏，我们可以通过两种方式处理：

方式1：直接尝试sendKeys()（无需修改样式） #

有些浏览器（比如Chrome）允许对隐藏的type="file" input直接执行sendKeys()，跳过点击浏览按钮的步骤，直接给input传文件路径：

// 加显式等待，确保元素加载完成
WebDriverWait wait = new WebDriverWait(driver, 15);
WebElement fileInput = wait.until(ExpectedConditions.presenceOfElementLocated(fileInputLocator));
// 直接传入文件绝对路径
fileInput.sendKeys("/Users/xxx/Documents/test.pdf");

方式2：用JavaScript修改input可见性再操作 #

如果直接sendKeys()失败，就用JS把input设为可见，再执行上传：

WebElement fileInput = wait.until(ExpectedConditions.presenceOfElementLocated(fileInputLocator));
JavascriptExecutor js = (JavascriptExecutor) driver;
// 把input设为可见
js.executeScript("arguments[0].style.display = 'block'; arguments[0].style.visibility = 'visible';", fileInput);
// 再传文件路径
fileInput.sendKeys("/Users/xxx/Documents/test.pdf");

第三步：避免Angular页面的元素加载问题 #

Angular是单页应用，元素可能动态生成，一定要用显式等待代替Thread.sleep()，确保input元素已经存在于DOM中再操作，不然很容易出现定位失败的情况。

内容的提问来源于stack exchange，提问作者user3413540