在Selenium WebDriver中处理jquery选项卡

Question

尝试使用Java和Selenium WebDriver来自动化我们的内部Web应用程序。

在其中的一个页面上，应用程序使用jquery ui选项卡和HTML相同，如下所示。

<div id="tabs" class="addressSelectionTabs ui-tabs ui-widget ui-widget-content ui-corner-all">
    <div id="verticalTabs" style="">
    <ul class="addressSelectionUl ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
        <li class="ui-state-default ui-corner-top">
            <a href="#Telephony">Landline 1</a>
        </li>
        <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">
            <a href="#TelephonyFeatures">Landline 2</a>
        </li>
        <li class="ui-state-default ui-corner-top">
            <a href="#Other">Others</a>
        </li>
    </ul>
    </div>

driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);

            driver.findElement(By.linkText("Landline 1")).click();

            List<WebElement> ll1 = driver.findElements(By
                    .xpath("//img[contains(@src,'/cmc/images/treeview/folder-closed.gif')]"));
            for (int i = 0; i < llf1.size(); i++)
            {
                llf1.get(i).click();
            }

driver.findElement(By.linkText("Landline 2")).click();

            List<WebElement> ll2 = driver.findElements(By
                    .xpath("//img[contains(@src,'/cmc/images/treeview/folder-closed.gif')]"));
            for (int i = 0; i < llf1.size(); i++)
            {
                llf1.get(i).click();
            }


            driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);

            driver.findElement(By.linkText("Others")).click();

            List<WebElement> discount = driver.findElements(By
                    .xpath("//img[contains(@src,'/cmc/images/treeview/folder-closed.gif')]"));
            for (int i = 0; i < discount.size(); i++)
            {
                discount.get(i).click();
            }

Answer 1

我知道这是一篇老文章，但您考虑过使用XPath吗？我正在进行一组类似的测试，并且在选项卡之间切换和单击不同选项卡上的元素没有任何问题。显然，在单击选项卡而使该选项卡变为活动状态之前，您无法单击该选项卡上的元素。

所以您可以尝试在选项卡之间切换：

driver.findElement(By.Xpath("//a[@href='#Telephony']")).Click();
driver.findElement(By.Xpath("//a[@href='#TelephonyFeatures']")).Click();

此外，使用XPath，您可以在Firefox中使用Firebug/Firepath来检查Xpaths是否工作。

[FindsBy(How = How.Xpath, Using = "//a[@href='#Telephony']"] private IWebElement TelephonyTab;

public IWebElement ClickTelephonyTab()
{
   TelephonyTab.Click();
   return TelephonyTab;
}

因此，要在测试中切换选项卡，只需执行以下操作：

YourPage.ClickTelephonyTab();