选择要单击的SVG图标（）;与量角器

Question

开始片段：js隐藏：错误的控制台：正确的babel：错误

语言：lang-html

<fa-icon _ngcontent-c15="" 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>

<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>

我正在编写一些测试，并且在选择SVG图标作为复选框时遇到一些问题。我已经尝试过使用XPath和CSS Selector。代码行是这一行，

我试图从控制台使用“复制选择器”选项来获取正确的路径，但是没有成功。我正在使用vars单击元素，

var animalsInterest = element(by.xpath("//svg[@class='svg-inline--fa fa-square fa-w-14']"));
await animalsInterest.click();

Answer 1

在这种情况下有人可以帮忙吗？我已经尝试使用量角器记录器来抓取元素...但仍然无法正常工作。