Угловое тестирование компонентов - запрос по компонентам

Question

При тестировании DOM-представления @Component вы можете запрашивать его вложенные элементы с помощью приспособления

fixture.debugElement.queryAll(By.css('.example'));

Вы также можете фильтровать по @Directive

fixture.debugElement.queryAll(By.directive(RouterLinkDirectiveStub));

---

Теперь предположим, что у вас есть внутренний @Component NzButtonComponent, используемый следующим образом

<button nz-button>Example</button>

Как я могу точно запросить его?Там нет By.component(...).

Answer 1

Вы можете выбрать по атрибуту CSS, если вы используете nativeElement вместо debugElement:

fixture.debugElement.nativeElement.querySelector('[nz-button]') as HTMLButtonElement;

Для нескольких элементов можно использовать метод querySelectorAll.