如何在Angular中测试mat-checkbox的绑定？

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { By } from '@angular/platform-browser';

import { YourComponent } from './your.component';

describe('YourComponent', () => {
  let component: YourComponent;
  let fixture: ComponentFixture<YourComponent>;
  let checkboxElement: HTMLElement;

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

  beforeEach(() => {
    fixture = TestBed.createComponent(YourComponent);
    component = fixture.componentInstance;
    checkboxElement = fixture.debugElement.query(By.css('mat-checkbox')).nativeElement;
    fixture.detectChanges();
  });

  it('should bind checkbox correctly', () => {
    expect(component.propertyName).toBe(false); // Assuming the binding property is a boolean
    expect(checkboxElement.classList).not.toContain('mat-checkbox-checked');

    component.propertyName = true;
    fixture.detectChanges();

    expect(checkboxElement.classList).toContain('mat-checkbox-checked');
  });
});