无法选择带有量角器的组件按钮

Question

我无法选择任何定位器组件＆＃34;添加新的＆＃34;按钮。

这是audience.po.ts文件和方法＆＃34; ClickAddNewBtn（）＆＃34;

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

＆＃34;添加新按钮＆＃34;组件是子（组件）：

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

这是Body的＆＃34;添加新按钮＆＃34;成分：

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

解决方案是选择＆＃34; nano-ml-5＆＃34;来自＆＃34;所有＆＃34;添加新范围的课程定位器。

[[12, 10, 0], [0, 33, 60]]