Как проверить первую форму управления угловой формы ориентирована на загрузку страницы с помощью жасмина

Question

Я использую следующий код, чтобы сфокусироваться на первом поле ввода после загрузки страницы, используя контекст

this.el.nativeElement.querySelectorAll('input')[0].focus();

Как проверить, было ли поле сфокусировано с помощью модульных тестов и e2e в угловых 6

component.modelForm = new ModelForm(null, {});
      component.form.addControl('test', new FormControl(null));
      component.form.addControl('test1', new FormControl(null));
      fixture.detectChanges();
      console.log(fixture.debugElement.queryAll(By.css('input')))

Я добавляю formcontrols в модульном тесте, как указано выше.

И компонент html будет " </ configure-form>"

На основе полей вводаЯ буду загружать форму, используя поля formcontrol

Answer 1

Что вы можете сделать, это проверить, был ли вызван метод focus для этого конкретного элемента input.Для этого вам нужно шпионить за inputEl.focus()

it('Input el should be focused', () => {
    let inputEl = comp.el.nativeElement.queryAll(By.css('input'))[0];
    spyOn(inputEl ,'focus');
    comp.ngOnInit();
    expect(inputEl.focus).toHaveBeenCalled();
})