Angular:如何测试RadioButton？

import { Component } from '@angular/core';

@Component({
  selector: 'app-radio-button',
  template: `
    <label>
      <input type="radio" name="option" [(ngModel)]="selectedOption" value="option1"> Option 1
    </label>
    <label>
      <input type="radio" name="option" [(ngModel)]="selectedOption" value="option2"> Option 2
    </label>
  `
})
export class RadioButtonComponent {
  selectedOption: string;
}

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { RadioButtonComponent } from './radio-button.component';
import { FormsModule } from '@angular/forms';

describe('RadioButtonComponent', () => {
  let component: RadioButtonComponent;
  let fixture: ComponentFixture<RadioButtonComponent>;

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ RadioButtonComponent ],
      imports: [ FormsModule ]
    })
    .compileComponents();
  });

  beforeEach(() => {
    fixture = TestBed.createComponent(RadioButtonComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });

  it('should select Option 1', () => {
    const option1 = fixture.nativeElement.querySelector('input[value="option1"]');
    option1.click();
    fixture.detectChanges();
    expect(component.selectedOption).toBe('option1');
  });

  it('should select Option 2', () => {
    const option2 = fixture.nativeElement.querySelector('input[value="option2"]');
    option2.click();
    fixture.detectChanges();
    expect(component.selectedOption).toBe('option2');
  });
});