按属性名称获取元素 - 角度测试

Question

假设我的 Angular 组件中有以下 HTML

<div name='my-name'>
  something
</div>

在我的测试用例中，如何name='my-name'使用属性按属性获取上述元素ComponentFixture？

Answer 1

尝试

const fixture = TestBed.createComponent(AppComponent);
const debugElement = fixture.debugElement;
const attributeEl = debugElement.query(By.css('div[name="my-name"]'));

并确保导入来自import { By } from '@angular/platform-browser';