使用材料设计对组件进行 Angular 2 规范测试

Question

我想测试一个使用材料设计并有标题的组件。

<md-card-title>{{title}}</md-card-title>

如何查询包含标题的元素？

it('should display original title', () => {

    // trigger change detection to update the view
    fixture.detectChanges();

    // query for the title by what ???
    de = fixture.debugElement.query(By ???('md-card-title'));

    // confirm the element's content
    expect(de.nativeElement.textContent).toContain(comp.title);
});

Answer 1

我认为您可以使用以下方法之一：

import { MdCardTitle } from '@angular/material';

de = fixture.debugElement.query(By.directive(MdCardTitle));

或

de = fixture.debugElement.query(By.css('md-card-title'));