如何在Angular单元测试中删除输入字段中的字符

it('should delete characters from input field', () => {
  // 创建组件和模板
  const fixture = TestBed.createComponent(YourComponent);
  const component = fixture.componentInstance;

  // 确保数据绑定完成
  fixture.detectChanges();

  // 获取输入字段元素
  const inputField = fixture.debugElement.nativeElement.querySelector('.input-field');

  // 在输入字段中输入字符
  inputField.value = 'Hello, world!';
  inputField.dispatchEvent(new Event('input'));

  // 删除指定字符
  inputField.value = inputField.value.slice(0, 5); // 删除前5个字符
  inputField.dispatchEvent(new Event('input'));

  // 确保更新后的值正确渲染到模板中
  fixture.detectChanges();

  // 断言期望的结果
  expect(inputField.value).toEqual('Hello');
});