使用 WebDriver 展开 JavaScript 菜单
本文关键字:菜单 JavaScript 展开 WebDriver 使用 | 更新日期: 2023-09-27 18:33:14
我正在尝试单击带有WebDriver的网页上的按钮,该按钮使用JavaScript展开显示其他链接的菜单:
<div id="menu">
<div id="security_bt" class="advanced_white_close_button" onclick="open_or_close_sub('security');
security_open++;"><b> <span languageCode = "13">Security</span></b></div>
<div id="advanced_bt" class="advanced_white_close_button" onclick="open_or_close_sub('advanced');
advanced_open++;"><b><span languageCode = "3011">Advanced Setup</span></b></div>
...etc
我尝试使用此站点上建议的方法,包括Xpath和CSS
Browser.Driver.FindElement(By.XPath("//div[@id='advanced_bt']/b/span")).Click();
or
Browser.Driver.FindElement(By.CssSelector("#advanced_bt > b > span")).Click();
并且还尝试使用IJavaScriptExecutor:
var executor = (IJavaScriptExecutor)webDriver;
executor.ExecuteScript("arguments[0].click();", element);
两者都没有奏效。测试不会找不到元素,所以我不知道为什么不能点击。如果有人能提供任何启示,将不胜感激。干杯。
哦,这是onclick=代码:
function open_or_close_sub(name)
{
var button_name= name+"_bt";
var sub_name= name+"_sub";
var open_flag= top.document.getElementById(sub_name).style.display;
close_all_sub(sub_name);/* fold all menus first, except the menu which user click*/
var button_div = top.document.getElementById(button_name);
var content_length = button_div.getElementsByTagName("span")[0].innerHTML.length;
if( open_flag == "none")
{
settingClass(button_div, content_length, "advanced_white_open_button", top.region_class.white_triple, top.region_class.white_double);
top.document.getElementById(sub_name).style.display="";
}
else
{
settingClass(button_div, content_length, "advanced_white_close_button", top.region_class.white_triple, top.region_class.white_double);
top.document.getElementById(sub_name).style.display="none";
}
change_menu_height();
}
尝试以下代码:
Browser.Driver.FindElement(By.Xpath("//div[@id='advanced_bt']//span[.='Advanced Setup']")).Click();
它将单击"span元素",在id为"advanced_vt"的div标签下,并将确切的innerHTML/文本作为"高级设置"
或者使用 Actions 类尝试以下代码:
Actions action = new Actions(Browser.Driver);
action.MoveToElement(Browser.Driver.FindElement(By.Xpath("//div[@id='advanced_bt']//span[.='Advanced Setup']"))).Click().Perform();
编辑 07.12.14
如果这仍然不起作用,请使用 IJavascriptExecutor,将子菜单的属性设置为可见,然后继续对子菜单执行进一步操作。从注释中的图像中,以下代码将显示"高级设置"下的子菜单:
IWebElement element = Browser.Driver.FindElement(By.Xpath("//div[@id='advanced_sub']"));
var executor = (IJavaScriptExecutor)webDriver;
executor.ExecuteScript("arguments[0].style.display='block';", element);