Как нажимать/нажимать кнопку, используя Selenium, если кнопка не имеет идентификатора?

Question

У меня есть 2 кнопки Отмена и Следующая кнопка на одной странице, но она имеет только один идентификатор (см. Ниже код). Я хотел нажать «Далее», но каждый раз, когда он идентифицирует кнопку «Отмена», не только кнопку «Далее». Как решить эту проблему?

<td align="center"> 
    <input type="button" id="cancelButton" value="Cancel" title="cancel" class="Submit_Button" style="background-color: rgb(0, 0, 160);"> 
    <input type="submit" value="Next" title="next" class="Submit_Button"> 
</td> 

Answer 1

В Selenium IDE вы можете сделать:

 
Command | clickAndWait 
Target | //input[@value='Next' and @title='next'] 

Он должен работать нормально.

Answer 2

Используйте xpath селектор (здесь быстро tutorial) вместо ID:

#python: 
from selenium.webdriver import Firefox 

YOUR_PAGE_URL = 'http://mypage.com/' 
NEXT_BUTTON_XPATH = '//input[@type="submit" and @title="next"]' 

browser = Firefox() 
browser.get(YOUR_PAGE_URL) 

button = browser.find_element_by_xpath(NEXT_BUTTON_XPATH) 
button.click() 

Или, если вы используете "ванильный" Селен, просто использовать тот же селектор XPATH вместо кнопки ID:

NEXT_BUTTON_XPATH = '//input[@type="submit" and @title="next"]' 
selenium.click(NEXT_BUTTON_XPATH) 

Answer 3

Вам не нужно использовать только идентификаторы в качестве локаторов элементов. Вы можете использовать несколько способов найти элемент. Прочитайте this article и выберите лучшее для вас.

Answer 4

Вы можете использовать xpath для идентификации этого элемента.

Answer 5

Для кнопки Далее вы можете использовать XPath или CSSSelector, как показано ниже:

для XPath Следующей кнопки: // ввод [@ значения = 'Далее']

cssPath для кнопки Далее: входной [значение = Next ]

Answer 6

использовать текст и значение атрибутов вместо идентификатора

driver.findElementByXpath("//input[@value='cancel'][@title='cancel']").click(); 

аналогично для Next.