JavaScript配合Selenium定位列表项后无法点击选中问题求助

使用Selenium搭配JavaScript操作页面列表选项，已通过XPath成功定位到文本包含ATACAMA的目标li元素，但执行点击操作无法完成选中。
原有实现代码：

var input = document.evaluate("//li[contains(., 'ATACAMA')]", document, null, XPathResult.ANY_TYPE, null );
var thisregion = input.iterateNext();
thisregion.click();

问题对应页面截图

• 定位到的li是外层容器节点，实际绑定选中点击事件的是li内部嵌套的子元素（如span、a标签），直接点击外层节点无法触发组件绑定的选中逻辑
• 列表/下拉组件未处于激活状态：这类组件通常需要先点击触发框展开选项面板，选项才会进入可交互状态，DOM中存在节点但面板未展开时点击会被组件拦截
• 自定义组件监听的是完整鼠标事件序列（mousedown、mouseup、click），仅调用原生.click()方法只触发单个click事件，无法满足组件的事件触发要求
• 元素不在可视区域、被加载遮罩/其他浮层遮挡，点击事件被上层节点拦截

优先使用适配绝大多数自定义组件的事件触发逻辑，代码可直接在Selenium的executeScript方法中执行：

// 用快照类型XPath结果，避免迭代器类型在DOM变动时失效
const xpathRes = document.evaluate(
  "//li[contains(., 'ATACAMA')]",
  document,
  null,
  XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
  null
);
const targetOption = xpathRes.snapshotItem(0);
if (!targetOption) throw new Error("未找到目标选项ATACAMA");

// 滚动到元素可视区域中央，避免因不在视口导致点击失效
targetOption.scrollIntoView({block: "center", behavior: "instant"});

// 派发完整鼠标事件序列，适配自定义组件的事件监听规则
const eventConfig = {bubbles: true, cancelable: true, view: window};
["mousedown", "mouseup", "click"].forEach(eventName => {
  targetOption.dispatchEvent(new MouseEvent(eventName, eventConfig));
});

• 如果上述代码仍不生效，调整XPath定位到li内部的可交互子节点，常见可交互节点路径为//li[contains(., 'ATACAMA')]//span、//li[contains(., 'ATACAMA')]//div[contains(@class, 'option-content')]，可通过开发者工具查看元素上绑定的事件监听器确认实际交互节点
• 如果是下拉选择类组件，执行选项点击前，先点击下拉触发按钮展开选项面板，等待面板渲染完成后再执行选项点击逻辑
• 优先使用Selenium原生的元素点击API，原生API会自动处理元素可见性校验、滚动、事件触发逻辑，兼容性优于手动编写的JS点击方法

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