javascript - 如何定位 Angular UI 库元素？

Question

这可能适用于 Prime-NG 等其他 UI 库，但我使用的是 ng-lightning。

我试图在我的一个单元测试中使用 querySelector 来获取 ngl-checkbox 元素。

fixture = TestBed.createComponent(Component);
fixture.debugElement.nativeElement.querySelector('ng-lightning element here?');

我尝试在 ngl-checkbox 以及 ngl-checkbox 标签中添加一个 id 属性，但这不起作用。由于 ng-lightning 元素呈现为一堆不同的东西，我需要将什么传递给 querySelector 以获取该复选框？

另一件事是如何定位外部 css 文件中的 ng-lightning 元素？我不能像普通的 h1 标签那样只定位那个元素。