在angular jasmine中测试子组件ngOnChanges

import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';

@Component({
  selector: 'app-child',
  template: `<p>{{ data }}</p>`
})
class ChildComponent implements OnChanges {
  @Input() data: string;

  ngOnChanges(changes: SimpleChanges): void {
    // 假设这里有一些逻辑
  }
}

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

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [ChildComponent]
    });
    fixture = TestBed.createComponent(ChildComponent);
    component = fixture.componentInstance;
  });

### 遇到的问题及解决方法

**问题**：在测试 `ngOnChanges` 时，如何确保组件正确响应输入属性的变化？

**解决方法**：
1. 使用 `fixture.detectChanges()` 来触发变更检测。
2. 修改组件的输入属性。
3. 断言组件的行为是否符合预期。

```typescript
it('should respond to input changes', () => {
  component.data = 'initial';
  fixture.detectChanges();

  // 修改输入属性
  component.data = 'updated';
  fixture.detectChanges();

  // 断言组件的行为
  const element = fixture.debugElement.query(By.css('p'));
  expect(element.nativeElement.textContent).toContain('updated');
});