不能用量角器选择组件按钮

Question

我不能选择与任何定位器组件“添加新”按钮。

这是audience.po.ts文件和方法"ClickAddNewBtn()“

  clickAddNewBtn() {
      console.log("Click on Add New button.");
      return element(by.css('nano-add-new-button')).click();
  }

“添加新按钮”组件是子组件(组件)：

    <div class="nano-f-40 nano-f-r">
        <nano-add-new-button (click)="openModal('new')"
                             class="nano-bc-green hover-effect">
        </nano-add-new-button>
    </div>

下面是“添加新按钮”组件的正文：

import { Component, Output, Input } from '@angular/core';

@Component({
    selector: 'nano-add-new-button',
    template: `
    <div class='nano-f-r nano-f add-new'>
        <i class='fa fa-plus'></i>
           <span class='nano-ml-5 add-new'>
                Add New
           </span>
    </div>`
})
export class NanoAddNewButtonComponent {
}

错误的屏幕截图，在本例中，试图通过xpath选择按钮：

​

知道怎么选择这个按钮然后点击他吗？

Answer 1

解决方案是从"all“定位器添加”New“中选择”Nan-ml-5“类。

clickAddNewBtn() {
    return element.all(by.css('nano-ml-5'));;
}