R Selenium中sendKeysToElement执行但按键未传入问题

• 元素定位错误：你选中的css-1hwfws3节点是React-Select下拉组件的外层值展示容器，本身没有绑定输入、键盘事件的监听逻辑，组件所有交互响应都绑定在内部的input节点和动态渲染的选项节点上。Selenium提示操作执行成功，仅代表浏览器收到了发送按键的指令，不代表页面组件逻辑捕获并处理了这些事件，所以页面不会有任何响应。
• DOM结构判断偏差：你看到的无独立XPath的现象，是因为这类自定义下拉组件在未展开状态下，不会把选项节点挂载到DOM树中，并非选项没有独立路径。触发组件展开后，选项节点会临时插入DOM，此时可以直接定位到对应选项。
• 故障和flex布局没有关联：flex是CSS排版规则，仅控制元素的位置、尺寸等展示效果，不会干预DOM元素的事件绑定和交互逻辑响应，不需要在布局属性上浪费排查时间。

这类自定义下拉组件最容易踩的坑就是定位到外层样式容器，白耗时间发无效事件，直接触发下拉展开后点击对应选项即可，稳定性远高于模拟输入、方向键选择的方式，参考代码如下：

library(RSelenium)

# 定位下拉触发区域，点击展开选项列表
select_trigger <- remDr$findElement(
  using = "xpath",
  "//div[contains(@class, 'css-1hwfws3')]/..//div[contains(@class, 'css-tlfecz-indicatorContainer')]"
)
select_trigger$clickElement()

# 等待选项节点挂载到DOM，根据页面加载速度调整等待时长即可
Sys.sleep(0.5)

# 直接定位Doubles选项完成点击选择
doubles_opt <- remDr$findElement(
  using = "xpath",
  "//div[contains(@class, 'css-1n7v3ny-option') and text()='Doubles']"
)
doubles_opt$clickElement()

如果遇到点击触发区域无响应的情况，可以把定位目标换成组件内部的input节点，XPath为//div[contains(@class, 'css-1hwfws3')]//input，点击这个节点再选选项即可，只有给这个input元素发送按键事件，组件才会响应输入、方向键操作。

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