typescript - 单击 SVG 图标以标记复选框 - Protractor - TypeScript

Question

我想知道是否有人可以帮助我解决这个问题:) 我正在努力在我的 e2e 测试中用量角器选择一个图标（使用 TypeScript）。所以这是我的一些代码，还有路径。

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

我尝试使用；

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

但它说明出了点问题

',' expected.ts(1005) 找不到名称 'check'.ts(2304) 需要 1 个参数，但得到了 3.ts(2554)

Answer 2

通过 xpath 尝试：by.xpath(.//fa-icon[contains(@class,'check-box-font')])