angular - 在#id 元素中获取元素 - Angular

Question

我有

const saveBtnElement = fixture.debugElement.nativeElement.querySelector('#save-user');
console.log(saveBtnElement);

我可以在哪里看到console业力测试：

<my-button _ngcontent-c0="" id="save-user" _nghost-c3="" ng-reflect-disabled="true" ng-reflect-classnames="primary">
<button _ngcontent-c3="" class="my-button primary" ng-reflect-ng-class="my-button primary" disabled="">

    <!--bindings={
  "ng-reflect-ng-if": ""
}-->

    <!--bindings={
  "ng-reflect-ng-if": "false"
}-->
    <!--bindings={
  "ng-reflect-ng-if": "true"
}-->
    <span _ngcontent-c3="">
        Save &amp; Close
    </span>

我想通过使用类似的东西来检查我的按钮的禁用属性

expect(saveBtnElement.hasAttribute('disabled')).toBeTruthy();

如何获取<button>我的另一个组件内部的内容my-button？

标签： angularkarma-jasmine

Answer 1

由本雅明提供：

const saveBtnElement = fixture.debugElement.nativeElement.querySelector('#save-user > button');

成功了。