угловое тестирование получить элемент за текстом

Question

Я пытаюсь написать модульные тесты для угловых 8 приложений. Внутри spec-файла компонента (navbar.component.spec.ts) я хочу нажимать кнопки. Я хочу получить кнопки по внутреннему тексту из них. Как я мог это сделать?

Я использую *ngFor Единственный способ, с помощью которого я могу думать, это давать идентификаторы и использовать идентификаторы, такие как const buttonElem = debug.query(By.css('#asd'));

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');