Question

使用Visual Studio和Selenium，我试图将鼠标悬停在下拉菜单中的某个元素上，以便可以单击其中的“隐藏”元素。不能仅单击，我必须将鼠标悬停。

我尝试了几种不同的方法但没有成功：

首先，我试图将鼠标悬停在这样的第一个元素上：

var wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
Actions builder = new Actions(driver);
IWebElement hoverElement = wait.Until(ExpectedConditions.ElementToBeClickable(By.XPath("xpath adress here')]")));
builder.MoveToElement(hoverElement).Build().Perform();

此方法使第一个下拉菜单元素被“标记”，但由于某种原因该下拉菜单没有打开，因此我无法单击第二个元素。

然后我尝试将鼠标悬停在第一个元素上，并在同一命令中也单击第二个元素：

var wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
Actions builder = new Actions(driver);
IWebElement hoverElement = wait.Until(ExpectedConditions.ElementToBeClickable(By.XPath("xpath adress here')]")));
builder.MoveToElement(hoverElement).MoveToElement(wait.Until(ExpectedConditions.ElementToBeClickable(By.XPath("second xpath adress")))).Click().Build().Perform();

这根本不起作用。第一个元素甚至都没有被“标记”。测试仅在10秒后超时。

所以现在我正尝试使用定位器：

var wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
Actions builder = new Actions(driver);
IWebElement hoverElement = wait.Until(ExpectedConditions.ElementToBeClickable(By.XPath("xpath adress for first element')]")));
builder.MoveToElement(hoverElement).Perform();
By locator = By.XPath("2nd element xpath");
driver.click(locator);

但是我无法执行此测试，因为IWebDriver不包含单击的定义。尝试编写时出现此错误：

driver.click

有什么建议吗？

第一个元素：

By.XPath("//span[contains(@class,'item-text')][contains(text(),'Change')]"

第二个元素：

By.XPath("//span[contains(@class,'item-text')][contains(text(),'Create Change Order')]"

更新：

悬停下拉菜单部分的HTML结构如下：

<div class="topbar-menu-dd responsive-dropdown-menu add">
   <div class="scrollable-dropdown-menu scrollable-dropdown-menu-root dropdown- 
    menu dropdown-menu-root dropdown-menu dropdown-menu-root dropdown 
    dropdown-root responsive-dropdown-menu-root active">
      <div class="no-native-scrollbars  scroller-content">
          <ul class="dropdown-menu-wrap" tabindex="1">
             <li class="item topbar-menu-dd-item item-submenu" id="699143f1- 
              e470-49f0-99f4-a96fee365260/c171" title name="699143f1-e470-49f0- 
              99f4-a96fee365260/c171">
                 <div class="item item-template" id="699143f1-e470-49f0-99f4- 
                 a96fee365260/c171">
                    <span class="item-text">Change</span>
                 </div>
                 <div class="next-icon">
                    <span class="fonticon fonticon-right-open">
                    ::before
                    </span>
                 </div>
             </li>
   ...
   <div class="dropdown-menu dropdown-menu-root responsive  scroller scroller- 
   root bottom-right conceal">
      <div class="no-native-scrollbars  scroller-content">
         <ul class="dropdown-menu-wrap" tabindex="1">
            <li class="item item-back" id="itm-a7b1b6" title>
               <div class="back-icon">
               <span class="item-text">Change</span>
            </li>
            <li class="item topbar-menu-dd-item" id="cbf405dc-5f99-4efd-810d- 
            a69666da9c75/c172" title name="cbf405dc-5f99-4efd-810d- 
            a69666da9c75/c172">
               <div class="item item-template" id="cbf405dc-5f99-4efd-810d- 
            a69666da9c75/c172">
                  <span class="item-text">Create Change Order</span>
               </div>
           </li>
   ...
</div>

我添加的“ ...”表示与代码无关的其他部分。

当我将鼠标悬停在“更改”上时，将显示“创建更改订单”，我可以单击它。

Answer 1

我通常为C＃Selenium使用定制的单击功能。

public async Task<bool> TryClick(By by, int mode = 0)
{
   try
   {
       if (mode == 0)
       {
           Driver.ExecuteScript("arguments[0].click('');", ((RemoteWebDriver)Driver).FindElement(by));
       }
       else if (mode == 1)
       {
           Driver.FindElement(by).Click();
       }
       else if (mode == 2)
       {
           Actions action = new Actions(Driver);
           action.MoveToElement(Driver.FindElement(by)).Perform();
           action.Click(Driver.FindElement(by)).Perform();
       }

       return true;
   }
   catch (Exception ex) { }
   return false;
}

根据我的经验，以上3种方法中至少有一种适用于所有情况。此外，我们可以通过检查函数的返回值来检查是否发生异常。您可以按以下方式使用此功能。

By first = By.XPath("//span[contains(@class,'item-text')][contains(text(),'Change')]";
if(!await TryClick(first,0)) // If this does not work, try 1 and 2 for the second parameter
{
    // Failed to click
}
By second = By.XPath("//span[contains(@class,'item-text')][contains(text(),'Create Change Order')]";
if(!await TryClick(second,0)) // If this does not work, try 1 and 2 for the second parameter
{
    // Failed to click
}

我不确定这是否有帮助。但是正如@Somber所提到的，如果您共享URL并说明要实现的目标，那么寻求帮助会更好。

Answer 2

仅使用悬停（MoveToElement）不足以激活和展开下拉菜单。我还需要使用MoveByOffset稍微移动鼠标。

展开菜单后，单击第二个元素就没有问题。

//1. Hover mouse over "Change" and move it slightly to the left to open up the menu
var wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
var DropDown1 = wait.Until(ExpectedConditions.ElementIsVisible(By.XPath("//span[contains(@class,'item-text')][contains(text(),'Change')]")));
Actions action = new Actions(driver);
action.MoveToElement(DropDown1).Perform();
action.MoveByOffset(-10, -10).Perform();

//2. Click on "Create Change Order"
wait.Until(ExpectedConditions.ElementToBeClickable(By.XPath("//span[contains(@class,'item-text')][contains(text(),'Create Change Order')]"))).Click();

将鼠标悬停在元素上吗？

2 个答案: