Как написать тестовый блок для сброса значений переключателей с помощью angular

Question

Я пытаюсь написать блок юнит-теста, чтобы очистить проверенные значения переключателя

Нажав на ссылку удаления значка, он должен очистить значения

HTML файл

 <mat-icon  class="remove-icon" (click)="resetradioValues('gender')">delete</mat-icon>

ts file

 resetradioValues(name: string){
    this.form.get(name).patchValue(null);
  }

Я написал тестовый блок для приведенного выше кода, но он не работает для меня

it('should clear radio button values', () => {
    const param = Object.assign({},radio, { name: 'test' });
    console.log(param);
    component.resetradioValues(param.name);

    });

Пожалуйста, дайте мне знать, что кто-нибудь может решить эту проблему

Answer 1

Мы проведем интеграционный тест, нажав на иконку и увидев, что произойдет.

Попробуйте:

it('should clear radio button values', () => {
      // arrangement
      const matIconElement = fixture.debugElement.query(By.css('mat-icon.remove-icon')).nativeElement;
      // click
      matIconElement.click();
      // assertions, you can assert how you like
      expect(component.form.get('test').value).toBe(null);
    });
// ========== Edit (Unit test) ==============
it('should clear radio button values', () => {
      // arrangement
      component.resetradioValues('test);
      // assertions, you can assert how you like
      expect(component.form.get('test').value).toBe(null);
    });