角度测试按文本获取元素

Question

我正在尝试为angular 8应用程序编写单元测试。我要单击组件的组件内部规范文件（navbar.component.spec.ts）。我想按内部文本获得按钮。 我该怎么做？

我正在使用*ngFor我唯一能想到的就是提供ID和使用const buttonElem = debug.query(By.css('#asd'));之类的ID

Answer 1

您可以使用cssContainingText

<ul>
  <li class="pet">Dog</li>
  <li class="pet">Cat</li>
</ul>

代码

// Returns the li for the dog, but not cat.
var dog = element(by.cssContainingText('.pet', 'Dog'));

或

查看

<div id="foo" class="bar">Inner text</div>

代码

var foo = element(by.id('foo'));
expect(foo.getText()).toEqual('Inner text');