如何使用量角器打字稿单击具有_ngcontent的元素并跨度buttontext

时间:2018-11-28 12:45:15

标签: angular typescript jasmine protractor

我需要有关创建量角器打字稿代码的帮助,如何单击此按钮?它具有_ngcontent和span buttontext,有人知道如何执行此操作吗?该网站上的代码是:

 <span _ngcontent-c6  class="braeting net-subheading-2"> ... </span>
 <button _ngcontent-c6  class="tulbar-button net-button" net-button>
   <span class="net-button-wrapper">
      <span _ngcontent-c6="">Login</span>
   </span>
  <div class="net-button-ripple net-ripple" matripple></div>
 <div class="net-button-focus-overlay"></div>
 </button>

我在下面尝试了以下方法,但似乎无法使其正常工作。

clickSignin = element(by.cssContainingText('tulbar-button net-button','Login'));
clickSignin = element(by.xpath('//span[@class="tulbar-button net-button"][_ngcontent-c6="Login"]'));
clickSignin = element(by.xpath('//span[@class="tulbar-button net-button"][text()="Login"]'));

然后表演

clickSignin.click();

它们似乎都不起作用..并且错误显示: 失败:使用定位器找不到元素:By(xpath .....或by.cssContainingText ....

1 个答案:

答案 0 :(得分:1)

尝试:

注意:您对cssContainingText的参数错误

clickSignin = element(by.cssContainingText('.tulbar-button.net-button','Login'));