使用chromedp自动化React Fiber下拉框,DevTools无法点击option的问题求助
使用chromedp操作下拉选择器的问题
我正在使用chromedp开发自动化项目,在实现下拉按钮的自动化操作时遇到了问题。我通过Chrome DevTools测试了选择器及后续要在chromedp代码中执行的JS代码,目标是操作一个带有option子元素的年份选择下拉框。
一开始我发现select元素的click()函数无法生效,尝试后发现showPicker()函数可以模拟点击该元素,于是编写了如下JS指令:
var el = document.querySelector('[data-testid="datepicker-year"]'); el.showPicker(); var opt = el.querySelector('[value="1994"]'); opt.addEventListener("click", function () {console.log("clicked")}); opt.click()
执行时下拉框能正常弹出,但点击选项后没有触发预期的选择效果(执行过程的动图展示了这一现象)。
若有人能提供相关解决思路,我将非常感激。
编辑补充:针对提到的change事件,该元素对change触发无响应,似乎未绑定任何change监听器。手动点击日期选择器年份按钮时,监测到了完整的点击事件触发流程,相关截图展示了事件的调用栈、监听函数等细节。
谢谢!
内容的提问来源于stack exchange,提问作者gutsintheshell
相关产品推荐
相关产品推荐

