Selenium WebDriver调用submit()点击表单外按钮异常问题

• 核心原因是Selenium版本迭代后submit()方法的底层实现发生变更，但官方文档没有同步更新内容。早期版本的submit()逻辑是从当前元素开始向上遍历DOM树，查找所属的<form>节点，如果遍历到根节点都没找到表单，就会抛出文档描述的NoSuchElementException。但从Selenium 3.x末期到4.x正式版本，submit()的实现改成了注入JavaScript脚本直接调用元素的原生提交方法，当元素不在表单内、没有关联的提交上下文时，JS脚本本身会执行失败，直接抛出org.openqa.selenium.JavascriptException，根本不会走到旧版本里判断表单是否存在、抛NoSuchElementException的逻辑分支。
• 你测试的目标元素是YouTube首页的搜索图标，属于自定义前端组件<yt-icon>，本身既不在<form>标签内部，也没有通过form属性关联任何表单，触发JS执行错误完全符合当前版本的实现逻辑。

• 不要对非表单元素调用submit()。submit()的设计初衷是简化表单提交操作，只应该作用于表单内部的提交按钮、输入框等和表单绑定的元素。你要点击搜索图标这种普通交互元素，直接把代码末尾的.submit()替换成.click()即可，这也是最贴近真实用户操作的方式，兼容性最好。
• 如果要封装通用操作逻辑，提前判断元素的表单归属，避免异常：

WebElement searchIcon = driver.findElement(By.xpath("//ytd-button-renderer[@class='style-scope ytd-masthead style-default size-default']//yt-icon[@class='style-scope ytd-button-renderer']"));
// 向上查找当前元素所有层级的父节点中是否存在form标签
List<WebElement> relatedForms = searchIcon.findElements(By.xpath("./ancestor-or-self::form"));
if (!relatedForms.isEmpty()) {
    relatedForms.get(0).submit();
} else {
    searchIcon.click();
}

• 做异常兼容兜底。如果是做公共的自动化测试框架封装，可以在调用submit()时同时捕获NoSuchElementException和JavascriptException两类异常，捕获到异常后自动降级为click()操作，兼容不同Selenium版本的行为差异。

额外提示：YouTube这类单页应用大量使用自定义Web组件，不是原生HTML控件，不要直接套用原生HTML标签的API行为预期，优先模拟用户真实点击操作，能减少很多预期外的报错。

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