如何使用Selenium通过“datangclick”属性单击元素

Question

如何使用Selenium向以下元素发送单击

注意：它们放在同一页上，并且它们都具有相同的类“btn btn primary”

<button class="btn btn-primary" data-ng-click="ctrl.findInstrumentsBySearch(ctrl.filterInstrument);" data-ng-disabled="ctrl.disableButtonSearchInstrument();"> <span class="fa fa-search"></span> Pesquisar </button>

Answer 1

要单击文本为“保存”的元素，可以使用以下任一Locator Strategies：

• 佩斯奎萨尔：

  • 使用css_selector：

    driver.find_element_by_css_selector("button.btn.btn-primary[data-ng-click*='findInstrumentsBySearch'][data-ng-disabled*='disableButtonSearchInstrument']").click()
    

  • 使用xpath：

    driver.find_element_by_xpath("//button[@class='btn btn-primary' and contains(@data-ng-click, 'findInstrumentsBySearch')][contains(., 'Pesquisar')]").click()
    

理想情况下，要单击元素，需要为element_to_be_clickable()诱导WebDriverWait，并且可以使用以下Locator Strategies之一：

• Exportar：

  • 使用CSS_SELECTOR：

    WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "button.btn.btn-primary[data-ng-click*='downloadLimitInstrumentCsv']"))).click()
    

  • 使用XPATH：

    WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//button[@class='btn btn-primary' and contains(@data-ng-click, 'downloadLimitInstrumentCsv')][contains(., 'Exportar')]"))).click()
    

• 注意：您必须添加以下导入：

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.common.by import By
  from selenium.webdriver.support import expected_conditions as EC