получение элемента кнопки с помощью DebugElement не работает

Question

Я пытаюсь проверить нажатие кнопки. Когда я пытаюсь получить кнопку из элемента отладки с помощью By.css, я получаю результат null:

describe('Register2Component', () => {
  let component: FuseResetPassword2Component;
  let debugElement: DebugElement;
  let fixture: ComponentFixture<FuseResetPassword2Component>;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        ReactiveFormsModule,
        FormsModule,
        MaterialModule,
        TranslateModule.forRoot(),
        RouterTestingModule.withRoutes(
          [{path: 'apps/auth/reset-password', component: FuseResetPassword2Component}]
        ),
        HttpClientModule,
        FuseSharedModule
      ],
      declarations: [FuseResetPassword2Component],
      providers: [
        FormBuilder, UsersService, FormBuilder, FuseConfigService,
        FuseTranslationLoaderService,
        {provide: APP_BASE_HREF, useValue: '/apps/auth/reset-password'},
      ]
    })
      .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(FuseResetPassword2Component);
    component = fixture.componentInstance;
    fixture.detectChanges();
    fixture.checkNoChanges();
    debugElement = fixture.debugElement;
    component.ngOnInit();

  });

  it('should create', () => {
    expect(component).toBeTruthy();
    console.log('------', fixture.debugElement.nativeElement.getElementsByTagName('button'));
    console.log(fixture.debugElement.query(By.css('button')));
  });


});

Я ожидаю результата элемента кнопки, но у меня есть ноль