wisetc / practice

Practice conclusion
5 stars 0 forks source link

自动触发 element-ui dropdown 的下拉列表显示 #18

Open wisetc opened 5 years ago

wisetc commented 5 years ago

利用自动测试工具测试前端 UI 时,遇到 element-ui 的 dropdown 组件生成的下拉菜单,通过对各种事件尝试(例如 click, mouseover, focus)无果,最终在 element-ui 源码中找到所绑定的事件为 mouseenter,如下图。

image

在 Chrome 审查元素Tab中找到触发的元素triggerEl,然后按钮触发 mouseenter 事件。

$0.dispatchEvent(new Event('mouseenter'));

问题得以解决。