使用 Python/Selenium 从 Angular 网站中选择复选框

Question

Here's the angular source

尝试创建一个简单的脚本，用 python/selenium 选中/取消选中某些框。

我扔了一本小书，无法正确识别元​​素。我尝试过（可能不正确）css、xpath、标签、文本。

任何帮助将不胜感激。

代码试用：

driver.find_elements_by_class_name('list-group-items')[1].click()

HTML：

<div class="col-sm-12">
<fieldset>
  <legend>
    Step 2: Choose Data fields
  </legend>
  <div class="col-sm-5 col-lg-4">

    <div class="panel minimal minimal-gray">

      <div class="panel-title">
        <h4>
          Standard Fields:
        </h4>
      </div>

      <ul class="list-group scrollable ng-scope" id="standard-fields" ng-class="{error: ctrl.export.errors.columns}">
        <!-- ngRepeat: item in ctrl.exportFormats.columns track by item.code --><li ng-repeat="item in ctrl.exportFormats.columns track by item.code" class="list-group-item ng-binding ng-scope list-group-item-success" ng-class="{'list-group-item-success' : item.checked}">
          <input type="checkbox" ng-model="item.checked" class="ng-pristine ng-untouched ng-valid">
          &nbsp;&nbsp;Date
        </li><!-- end ngRepeat: item in ctrl.exportFormats.columns track by item.code --><li ng-repeat="item in ctrl.exportFormats.columns track by item.code" class="list-group-item ng-binding ng-scope list-group-item-success" ng-class="{'list-group-item-success' : item.checked}">
          <input type="checkbox" ng-model="item.checked" class="ng-pristine ng-untouched ng-valid">
          &nbsp;&nbsp;Time
        </li><!-- end ngRepeat: item in ctrl.exportFormats.columns track by item.code --><li ng-repeat="item in ctrl.exportFormats.columns track by item.code" class="list-group-item ng-binding ng-scope list-group-item-success" ng-class="{'list-group-item-success' : item.checked}">

Answer 1

看来你已经很接近了。根据您的代码试验而不是find_elements_by_class_name('list-group-items')[1]，使用find_element_by_class_name('list-group-item') 会让您更接近。

但是，由于所需的元素是 Angular 元素，因此请单击与文本关联的 复选框，例如日期、时间等，您必须诱导 WebDriverWait 才能使 元素可点击，您可以使用以下解决方案：

• 日期：

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//li[@class='list-group-item ng-binding ng-scope list-group-item-success' and contains(@ng-repeat,'exportFormats')][contains(.,'Date')]/input[@class='ng-pristine ng-untouched ng-valid']"))).click()
  

• 时间：

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//li[@class='list-group-item ng-binding ng-scope list-group-item-success' and contains(@ng-repeat,'exportFormats')][contains(.,'Time')]/input[@class='ng-pristine ng-untouched ng-valid']"))).click()
  

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

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