量角器使用 css 选择 onclick()答案

【问题标题】：Protractor to select using css for onclick()量角器使用 css 选择 onclick()
【发布时间】：2019-04-19 16:19:33
【问题描述】：

我无法点击此点击，或者是否有其他方法可以引导此点击：

element(by.css('[onclick="ShowApprovalPendingDetils("SQ","05")"]')).click();

这里是 html DOM

<div class="col-md-6">
  <a class="btn btn-app" style="width: 90%;" onclick="ShowApprovalPendingDetils('SQ','05')">
    <span class="badge bg-green">3</span>
    Sales Quotation
  </a>
</div>

【问题讨论】：

错字：您的报价不匹配。
@Quentin 我也试过这个element(by.css("[onclick='ShowApprovalPendingDetils('SQ','05')']")).click();
开始 → 'ShowApprovalPendingDetils(' ← 结束。想想引号在上下文中的含义。
因为解析器不会将“有一个打开的单引号”视为“有一个双引号字符会关闭现有的双引号”
你需要学习转义。

标签： javascript testing automation protractor automated-tests

【解决方案1】：

试试这个

$('[onclick=ShowApprovalPendingDetils("SQ","05")]')

如果仍然失败，那么

$('[onclick*=ShowApprovalPendingDetils]')

如果仍然失败，则尝试添加一些等待（元素可能需要更多时间来加载）

【讨论】：

使用xpath它可以工作，但我试图使用方法parameter选择它

【解决方案2】：

试试这个：

element(by.css('a[onclick="ShowApprovalPendingDetils("SQ","05")"]')).click();

或者

element(by.linkText('Sales Quotation')

或者

element(by.cssContainingText('a.btn.btn-app','Sales Quotation')

【讨论】：