Тестирование формы ngForm Angular

У меня есть форма страницы входа, как показано ниже -

<form class = "login-form" #loginForm = "ngForm">  
  <input [(ngModel)] = "login.username" required = "true" type = "text" id = "username" name = "username"/>
  <button [disabled] = "!loginForm.form.valid" label = "Login" class = "btn-login" type = "submit">Login</button>
</form>

Теперь тестовый пример для проверки отключенного/включенного состояния кнопки входа в систему -

describe('Login button status', () => {
  let loginBtn, userInputElm;
  beforeEach(() => {
    loginBtn = fixture.nativeElement.querySelector('.btn-login');
    userInputElm = fixture.nativeElement.querySelector('input#username');
    fixture.detectChanges();
  });

  it('should be enabled if "username" is provided', () => {
    userInputElm.value = 'validusername';
    // component.login.username = 'validuser'; <-- also tried this
    fixture.detectChanges();
    // loginBtn = fixture.nativeElement.querySelector('.btn-login'); <-- tried this (same result)
    // button should be enabled
    expect(loginBtn.disabled).toBe(false); <-- Button still remains disabled
  });
});

Поскольку angular не получает уведомления об изменениях поля #username, он не меняет статус кнопки входа. Что я могу сделать, чтобы успешно проверить это? Необходимо уведомлять Angular об изменениях.

Я уже импортировал FormsModule в модуль конфигурации TestBed.

Я знаю, что могу делать что-то в Angular, используя Угловая ФормаГруппа, но я хотел бы сохранить форму такой, какая она есть, если это возможно.