ag-Grid:如何对ICellRendererAngularComp进行单元测试

import { TestBed } from '@angular/core/testing';
import { ICellRendererAngularComp } from 'ag-grid-angular';

// 导入ICellRendererAngularComp的实现类
import { CustomCellRendererComponent } from './custom-cell-renderer.component';

describe('CustomCellRendererComponent', () => {
  let component: CustomCellRendererComponent;

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [CustomCellRendererComponent]
    });

    // 创建测试组件实例
    component = TestBed.createComponent(CustomCellRendererComponent).componentInstance;
  });

  it('should render correct content based on input properties', () => {
    // 设置输入属性的值
    component.params = { value: 'Test Value' };

    // 触发变更检测
    fixture.detectChanges();

    // 获取渲染后的单元格元素
    const cellElement = fixture.nativeElement.querySelector('.custom-cell');

    // 断言单元格内容是否与预期一致
    expect(cellElement.textContent).toBe('Test Value');
  });

  it('should call a method when the button is clicked', () => {
    // 设置输入属性的值
    component.params = { value: 'Test Value' };

    // 触发变更检测
    fixture.detectChanges();

    // 获取按钮元素
    const buttonElement = fixture.nativeElement.querySelector('button');

    // 模拟点击事件
    buttonElement.click();

    // 断言组件方法是否被调用
    expect(component.someMethod).toHaveBeenCalled();
  });
});