使用 WebDriver 展开 JavaScript 菜单

Expanding a JavaScript menu with WebDriver

本文关键字：菜单 JavaScript 展开 WebDriver 使用      更新时间：2023-09-26

我正在尝试单击带有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);
相关文章：