angularjs - 如果量角器 js 中的所有下拉列表都使用相同的类，则从下拉列表中选择文本选项

Question

我在 Protractor 和 javasript 工作。我的页面有多个相同类的下拉菜单“tab-pane active ng-star-inserted”。我想选择第一个下拉菜单，然后通过将文本作为参数传递来单击“Raphael (BH681) - SVI”选项。我想要不同的 xpath 和 css 来执行选择选项。有人可以帮我选择文本选项吗第一个下拉？

<div role="tabpanel" class="tab-pane active ng-star-inserted" aria-labelledby="tab-stakeHolder" id="tab-stakeHolder-panel" aria-expanded="true">
          <!---->
            <!---->
            <!----><app-workpackage-stakeholders-edit _ngcontent-c8="" _nghost-c13="" class="ng-star-inserted"><div _ngcontent-c13="" id="stakeholdersEditList">
  <table _ngcontent-c13="">
    <tbody _ngcontent-c13=""><tr _ngcontent-c13="">
      <th _ngcontent-c13="">Role</th>
      <th _ngcontent-c13="">Name</th>
     
    </tr>
    <!----><tr _ngcontent-c13="" class="ng-star-inserted">
      <td _ngcontent-c13="">EWPL or TL</td>
      <td _ngcontent-c13=""><i _ngcontent-c13="">Current :</i> <strong _ngcontent-c13="">QUINQUIS</strong>
        <br _ngcontent-c13=""> <i _ngcontent-c13="">New : </i>
        <select _ngcontent-c13="" class="form-control ng-valid ng-touched ng-dirty">
          <!----><option _ngcontent-c13="" value="0: to12" class="ng-star-inserted">
            JAMMES (to12) - ES2
          </option><option _ngcontent-c13="" value="1: to44" class="ng-star-inserted">
            Caroline (to44) - ES2D
          
          </option><option _ngcontent-c13="" value="2: BH681" class="ng-star-inserted">
            Raphael (BH681) - SVI
          </option><option _ngcontent-c13="" value="3: MF04C" class="ng-star-inserted">
            SOUHEL (MF04C) - HAHAF3
          </option><option _ngcontent-c13="" value="4: GHJKU" class="ng-star-inserted">
            BERRUE (GHJKU) - ES2D
          </option>
        </select>
      </td>
      <td _ngcontent-c13="">[phone]</td>
      <td _ngcontent-c13="">[e-mail]</td>
      <td _ngcontent-c13="">ES2D</td>
    </tr><tr _ngcontent-c13="" class="ng-star-inserted">
      <td _ngcontent-c13="">ES MFT Representative</td>
      <td _ngcontent-c13=""><i _ngcontent-c13="">Current :</i> <strong _ngcontent-c13="">Fabien</strong>
        <br _ngcontent-c13=""> <i _ngcontent-c13="">New : </i>
        <select _ngcontent-c13="" class="form-control ng-pristine ng-valid ng-touched">
          <!----><option _ngcontent-c13="" value="0: EUD9F" class="ng-star-inserted">
            MUNOZ (EUD9F) - INNO
          </option><option _ngcontent-c13="" value="1: GH678" class="ng-star-inserted">
            Gaetub (GH678) - IDD
          </option>
        </select>
      </td>
      <td _ngcontent-c13="">[phone]</td>
      <td _ngcontent-c13="">[e-mail]</td>
      <td _ngcontent-c13="">INNO</td>
    </tr><tr _ngcontent-c13="" class="ng-star-inserted">
      <td _ngcontent-c13="">MFT Leader</td>
      <td _ngcontent-c13=""><i _ngcontent-c13="">Current :</i> <strong _ngcontent-c13="">GATNM</strong>
        <br _ngcontent-c13=""> <i _ngcontent-c13="">New : </i>
        <select _ngcontent-c13="" class="form-control ng-pristine ng-valid ng-touched">
          <!----><option _ngcontent-c13="" value="0: AB5EDA2" class="ng-star-inserted">
            Arthur (AB5EDA2) - ADC
          </option><option _ngcontent-c13="" value="1: AB157FC" class="ng-star-inserted">
            DESJARDINS (AB157FC) - ADC
          </option>
        </select>
      </td>
      <td _ngcontent-c13="">[phone]</td>
      <td _ngcontent-c13="">[e-mail]</td>
      <td _ngcontent-c13="">ZIDDA</td>
    </tr><tr _ngcontent-c13="" class="ng-star-inserted">
      <td _ngcontent-c13="">S/C Manager</td>
      <td _ngcontent-c13=""><i _ngcontent-c13="">Current :</i> <strong _ngcontent-c13="">BERTON</strong>
        <br _ngcontent-c13=""> <i _ngcontent-c13="">New : </i>
        <select _ngcontent-c13="" class="form-control ng-pristine ng-valid ng-touched">
          <!----><option _ngcontent-c13="" value="0: FGHJ" class="ng-star-inserted">
            BERTON (FGHJ) - IDCB
          </option><option _ngcontent-c13="" value="1: AGHJ" class="ng-star-inserted">
             MICHAUD (AGHJ) - IDD
          </option>
        </select>
      </td>
      <td _ngcontent-c13="">[phone]</td>
      <td _ngcontent-c13="">[e-mail]</td>
      <td _ngcontent-c13="">ZIDDA</td>
    </tr>
  </tbody></table>
  <div _ngcontent-c13="" class="buttonTabSave">
    <button _ngcontent-c13="" class="saveButton">
      <span _ngcontent-c13="" class="fa fa-save"></span> Save New Stakeholders</button>
  </div>
</div></app-workpackage-stakeholders-edit>
            <app-supplier-stakeholders _ngcontent-c8="" _nghost-c14="" class="ng-star-inserted"><div _ngcontent-c14="" id="supplierStakeholdersList">
  <table _ngcontent-c14="">
    <tbody _ngcontent-c14=""><tr _ngcontent-c14="">
      <th _ngcontent-c14="">Role</th>
      <th _ngcontent-c14="">Name</th>
         </tr>
    <!----><tr _ngcontent-c14="" class="ng-star-inserted">
      <td _ngcontent-c14="">DSCM</td>
      <td _ngcontent-c14="">BVCD BRUNET</td>
      <td _ngcontent-c14="">[phone]</td>
      <td _ngcontent-c14="">[e-mail]</td>
      <td _ngcontent-c14="">ES2D</td>
    </tr><tr _ngcontent-c14="" class="ng-star-inserted">
      <td _ngcontent-c14="">ES Key Supplier Representative</td>
      <td _ngcontent-c14="">HGFD SCUOTTO</td>
      <td _ngcontent-c14="">[phone]</td>
      <td _ngcontent-c14="">[e-mail]</td>
      <td _ngcontent-c14="">ZIDD</td>
    </tr><tr _ngcontent-c14="" class="ng-star-inserted">
      <td _ngcontent-c14="">QR or SRM</td>
      <td _ngcontent-c14="">HHK BROUTIER</td>
      <td _ngcontent-c14="">[phone]</td>
      <td _ngcontent-c14="">[e-mail]</td>
      <td _ngcontent-c14="">ZIDD</td>
    </tr><tr _ngcontent-c14="" class="ng-star-inserted">
      <td _ngcontent-c14="">SCQM or Lead SOM</td>
      <td _ngcontent-c14="">ROLLAND</td>
      <td _ngcontent-c14="">[phone]</td>
      <td _ngcontent-c14="">[e-mail]</td>
      <td _ngcontent-c14="">ZIDDA</td>
    </tr><tr _ngcontent-c14="" class="ng-star-inserted">
      <td _ngcontent-c14="">Technical Authority Focal Point</td>
      <td _ngcontent-c14="">Jean Pierre</td>
      <td _ngcontent-c14="">[phone]</td>
      <td _ngcontent-c14="">[e-mail]</td>
      <td _ngcontent-c14="">CMBA1</td>
    </tr><tr _ngcontent-c14="" class="ng-star-inserted">
      <td _ngcontent-c14="">TAM</td>
      <td _ngcontent-c14="">Sandrine</td>
      <td _ngcontent-c14="">00</td>
      <td _ngcontent-c14="">[e-mail]</td>
      <td _ngcontent-c14="">ESX</td>
    </tr>
  </tbody></table>
</div>
</app-supplier-stakeholders>
          
        </div>

标签： angularjsprotractor

Answer 1

试试这个 xpath：//tr[2]/td[2]//option[contains(., 'Raphael (BH681) - SVI')]