Как протестировать коврик-компоненты с кармой

Question

мой компонент:

@Component({
  selector: 'p-dropdown',
  template: `
<mat-form-field *ngIf="settings">
  <mat-select [value]="settings.selected" [compareWith]="compareFn" [placeholder]="placeholder">
      <mat-option *ngFor="let option of settings.options" [value]="option"> {{option.name}} </mat-option>
  </mat-select>
</mat-form-field>

мой тест:

fdescribe('Drodown Component', () => {
  let component: TestHostComponent;
  let fixture: ComponentFixture<TestHostComponent>;
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [TestHostComponent, DropdownComponent],
      imports:[materialModule,BrowserAnimationsModule]
    }).compileComponents();
  })); 
  beforeEach(() => {
    fixture = TestBed.createComponent(TestHostComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
  fit('should show placeholder', () => {
    const el: HTMLElement = fixture.nativeElement;
    fixture.detectChanges();
    const p = el.querySelector('.mat-form-field-label');
    expect(p.textContent).toEqual('name2');
  });
});
@Component({
  selector: `host-component`,
  template: `<p-dropdown [settings]="settings"></p-dropdown>`
})
class TestHostComponent {
  settings = {options:[{_id:1,name:'name1'}, {_id:2,name:'name2'}], selected:{_id:2,name:'name2'}}
}

'p-dropdown' хорошо работает в подаче, но по некоторым причинам не работает в моем тестировании.В отладке я также вижу параметр p-dropdown, поэтому не понимаю, в чем проблема.