Angular2测试 - 通过Id获取元素

Question

我正在编写一个Angular2测试组件,我在教程中注意到了这一行:

de = fixture.debugElement.query(By.css('h1'));

de被定义为DebugElement类型.

我怎么能通过DebugElement身份证？

这似乎非常简单,但我无法在文档中找到任何方向.

Answer 1

你也可以使用by.css

de = fixture.debugElement.query(By.css('#theid'));

Answer 2

  const fixture = TestBed.createComponent(DashboardComponent);
  const compiled = fixture.debugElement.nativeElement;

• 使用ID

  expect(compiled.querySelector('#from').textContent).toContain('From Date');

• 使用css

  expect(compiled.querySelector('.from').textContent).toContain('From Date');