How to write unit test case to Reset the radio button values using angular

Question

I am trying to write a unit test case to clear the checked values of radio button

By clicking the delete icon link it should clear the values

HTML file

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

ts file

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

I have written a unit test case for the above code but it is not working for me

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

    });

Please let me know anybody can solve this issue

AliF50 · Accepted Answer · 2020-03-16 13:50:24Z

1

We will be doing an integration test by actually clicking the icon and seeing what happens.

Try:

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);
    });

edited Mar 16, 2020 at 13:50

answered Mar 16, 2020 at 13:26

AliF50

19.1k2 gold badges29 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Umapathi Chowdary Over a year ago

Thanks for your reply. I want to use resetradioValues function in the unit test case.

Umapathi Chowdary Over a year ago

I am getting error TypeError: Cannot read property 'forEach' of null

AliF50 Over a year ago

Somewhere in your component, I bet there is a forEach and that variable is null. Make sure you instantiate it in your unit test.

Collectives™ on Stack Overflow

How to write unit test case to Reset the radio button values using angular

HTML file

ts file

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

HTML file

ts file

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related