无法在量角器中单击所需的按钮

Question

我正在尝试使用量角器单击按钮-我的HTML看起来像这样：

<div _ngcontent-c0="" class="app-nav" style="display: block;">
                <unity-navigation _ngcontent-c0="" _nghost-c2=""><div _ngcontent-c2="" class="nav">
    <div _ngcontent-c2="" class="nav-primary" ng-reflect-ng-class="[object Object]">
        <ul _ngcontent-c2="">
            <!--bindings={
  "ng-reflect-ng-for-of": "[object Object],[object Object"
}--><li _ngcontent-c2="" class="active nav-item" ng-reflect-ng-class="[object Object]">
                    <i _ngcontent-c2="" class="fa fa-home nav-icon" ng-reflect-ng-class="fa fa-home,nav-icon"></i><!--bindings={
  "ng-reflect-ng-if": "true"
}--><span _ngcontent-c2="" class="nav-label">Home</span>
            </li><li _ngcontent-c2="" class="nav-item" ng-reflect-ng-class="[object Object]">
                    <i _ngcontent-c2="" class="fa fa-arrow-right nav-icon" ng-reflect-ng-class="fa fa-arrow-right,nav-icon"></i><!--bindings={
  "ng-reflect-ng-if": "true"
}--><span _ngcontent-c2="" class="nav-label">Send</span>
            </li><li _ngcontent-c2="" class="nav-item" ng-reflect-ng-class="[object Object]">
                    <i _ngcontent-c2="" class="fa fa-check nav-icon" ng-reflect-ng-class="fa fa-check,nav-icon"></i><!--bindings={
  "ng-reflect-ng-if": "true"
}--><span _ngcontent-c2="" class="nav-label">Review</span>

我正在尝试单击Span标签下提到的发送按钮。

这是我的代码：

var EC = protractor.ExpectedConditions;
        // Waits for the element with id 'abc' to be visible on the dom.
        var scbutton =element.all(by.css('.fa.fa-arrow-right.nav-icon'));
        browser.wait(EC.visibilityOf('scbutton'), 5000);

试图检查按钮的可见性-但它显示在错误下方：

失败：无法读取未定义的属性'bind'

Answer 1

尝试一下

import {browser, by, element, protractor} from 'protractor';

export class NameofClass {

    constructor() {
        this.scbutton = element(by.css('.fa.fa-arrow-right.nav-icon'));
    }

    async CheckvisibilityOf() {
        await browser.wait(protractor.ExpectedConditions.visibilityOf(this.scbutton), 5000,
            'Scbutton not appear during 5 seconds');
    }
}