What is the correct way of matching a span by text it is wrapping in an element query?

Question

Is something like following possible?

const span= fixture.debugElement.query(By.css('span:containts("some text")'));

or is there something like a .cssContainingText like with protractor? As a css selector or some other way.

Possible duplicate of [Is there a CSS selector for elements containing certain text?](https://stackoverflow.com/questions/1520429/is-there-a-css-selector-for-elements-containing-certain-text) — zmag, Feb 25 '19 at 13:21
Its possible with Jquery using :contain , I'm not sure about Angular — Thanveer Shah, Feb 25 '19 at 13:27

score 0 · Accepted Answer · answered Feb 25 '19 at 13:31

0

How about this approach:

const spans = fixture.debugElement.queryAll(By.css('span'));
const span = spans.find(span => span.nativeElement.textContent.includes('some text'))

answered Feb 25 '19 at 13:31

zmag

1 Answers1