如何使用纯JavaScript复制用户点击React组件?

发布时间:2020-07-07 17:38

我在使用Selenium测试react-select库时遇到了一些麻烦。

此外,它是一个精美的选择框,当您单击它时会弹出打开一个条目列表,如下所示。

enter image description here

不幸的是,我无法在测试中或通过扩展JS控制台使用JavaScript触发此行为。

要了解我的意思,请访问this page,并自己在控制台中与组件进行交互。您可以通过以下方式获得对其中之一的引用:

var select = document.querySelector(".basic-single")

我尝试过:

select.click()
select.dispatchEvent(new Event("click"))

我的理解在这里已经用完,所以我想知道应该如何进行。理想情况下,我想要一个答案以及一个工作流程,可以在Chrome devtools(或类似工具)中自行调试这些问题

回答1