WebdriverJS和下拉菜单

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

<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)

任何想法？

来源

2013-05-14 user2379712

您需要查找子菜单选项可见的事件。替代鼠标悬停，您可以尝试鼠标移动或点击那个元素。 – Omkar 2013-05-14 02:46:18

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

来源

2014-04-02 23:24:17 James

试试这个：

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-21 11:05:22

WebdriverJS和下拉菜单

回答

相关问题