Нажав на значок SVG, чтобы отметить чекбокс - Транспортир - 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>

Есть ли способ использовать getOuter HTml или что-то в этом роде? Спасибо за помощь! Хороший код для всех вас :)

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')])