css - 如何使用 selenium webdriver 遍历并单击“下一步”和“取消”按钮(在弹出窗口上)

Question

我在网页上有一个弹出窗口，我需要在其中单击“下一步”和“取消”按钮。我已尝试导航并找到 CSS 选择器，但无法找到并单击下一步和取消按钮。 以下是我将鼠标悬停在“下一步和取消”按钮上后出现的 Fire bug。

<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
    <div class="ui-dialog-buttonset">
        <button class="ui-button ui-widget ui-state-default ui-corner-all
         ui-button-text-only" type="button" role="button" aria- 
         disabled="false">
             <span class="ui-button-text">Next</span>
        </button>
        <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" role="button" aria-disabled="false">
            <span class="ui-button-text">Cancel</span>
        </button>
     </div>
</div>

Answer 1

您可以通过xpath 和按钮文本进行搜索

// click on next button
driver.findElement(By.xpath("//span[contains(text(), 'Next')]")).click();

// click on cancel button    
driver.findElement(By.xpath("//span[contains(text(), 'Cancel')]")).click();

或者使用cssSelector

driver.findElement(By.cssSelector(".ui-button-text:contains('Next')")).click();
driver.findElement(By.cssSelector(".ui-button-text:contains('Cancel')")).click();