单击SVG图标以标记复选框-量角器-打字稿

Question

我想知道是否有人可以帮助我：)我正在用量角器（使用TypeScript）在e2e测试中选择一个图标。因此，这是我的一些代码以及路径。

var EC = protractor.ExpectedConditions;
const animalsInterest = element(By.css(''));
var isClickable = EC.elementToBeClickable(animalsInterest); 

return  browser.wait(isClickable, 5000),
browser.executeScript("arguments[0].click();", animalsInterest.getWebElement());

这是我的实际代码（我无法找到正确的选择器，所以我维护了.css）。

我要抓取的图标在下面；

<fa-icon _ngcontent-c16="" class="check-box-font unchecked ng-fa-icon ng-star-inserted" ng-reflect-icon-prop="[object Object]"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="square" class="svg-inline--fa fa-square fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm16 400c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V80c0-8.8 7.2-16 16-16h352c8.8 0 16 7.2 16 16v352z"></path></svg></fa-icon>

我是否可以使用getOuterHTml或类似的方法？谢谢您的帮助！为大家提供良好的编码：）

Answer 1

通过xpath尝试：by.xpath（.// fa-icon [包含（@ class，'check-box-font'）]）]

Answer 2

我尝试使用；

element(By.xpath('//fa-icon[contains(@class,'check-box-font')])

但它告诉您出了什么问题

'，'Expected.ts（1005）找不到名称'check'.ts（2304）预期有1个参数，但得到了3.ts（2554）