时间戳

首页 > 解决方案 > 如何使用 Selenium 通过“data-ng-click”属性单击元素

python - 如何使用 Selenium 通过“data-ng-click”属性单击元素

问题描述

如何使用 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>

<button class="btn btn-primary" data-ng-click="ctrl.downloadLimitInstrumentCsv(ctrl.filterInstrument,{ filename: &quot;export.csv&quot; });">
    <span class="fa fa-file-excel-o"></span> Exportar
</button>

当我尝试使用以下内容时，我收到错误“IndexError: list index out of range”：

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

browser = webdriver.Chrome()
browser.get(("https://line.bvmfnet.com.br/#/limits/1"))
python_button = browser.find_elements_by_xpath("//button[@class='btn btn-primary' and @data-ng-click='ctrl.findInstrumentsBySearch(ctrl.filterInstrument)']")[0]
python_button.click()

标签： pythonseleniumxpathcss-selectorswebdriverwait

解决方案

要单击带有文本保存的元素，您可以使用以下任一定位器策略：

  • 佩斯基萨：

    • 使用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()

理想情况下，要单击需要诱导WebDriverWait的元素element_to_be_clickable()，您可以使用以下任一Locator Strategies：

  • 出口商：

    • 使用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

推荐阅读