0

我在 nodeJS 上运行 WebdriverJS 来测试网站的 UI。我想选择并单击下拉菜单栏中的子菜单项。子菜单项被 CSS 隐藏。菜单栏如下所示：

<ul class="dropdown" id="mainNavList">
    <li class="active"> 
        <a href="/home"><span>Home</span></a>
    </li>
    <li class="">
        <a href="/MyProducts"><span>My Products</span></a>
        <ul style="visibility: hidden;">
            <li class="">
                <a href="/uiuiu">Product A</a>
            </li>
            <li class="">
                <a href="/jkjkjk">Product B</a>
            </li>
        </ul>
    </li>

    <li>...</li>

</ul>

如果我尝试运行这种方法：

mydriver.executeScript("return $(\"a:contains('My Products')\").mouseover();").then(function(){
mydriver.findElement(mywebdriver.By.xpath("//a[contains(text(), 'Product B')]")).click();
        });

下拉菜单向下滑动，但在显示后直接隐藏。在控制台上，我从 Webdriver 收到错误消息：

ElementNotVisibleError: Element must be displayed to click (WARNING: The server did not provide any stacktrace information)

有任何想法吗？

4

2 回答 2

0

这对我来说也是新的，但我会在下拉菜单上链接 Click 的函数调用，然后单击所需的下拉项目。

于 2014-04-02T23:24:17.860 回答
0

尝试这个：

var menu = mydriver.findElement(mywebdriver.By.css('[href="/MyProducts"]'));
menu.click();
menu.findElement(mywebdriver.By.css('[href="/jkjkjk"]')).click();

正如詹姆斯所说，这是关于链接。在上面的代码片段中，链接是隐式的（findElement 和 click 方法都向webdriver.controlFlow()添加了一个框架。

于 2014-10-21T11:05:22.963 回答