Angular单元测试：如何匹配close方法返回的FormGroup实例？

你遇到的问题根源在于：两个FormGroup实例哪怕值完全一致，内部的状态属性（比如pristine、dirty）和私有回调函数都是独立存在的，直接比较实例必然会出现不匹配。下面给你几种实用的解决办法：

方法一：只比较表单的实际值（推荐） #

测试这个方法的核心是确认关闭对话框时传递的表单数据正确，而非FormGroup实例本身。可以直接提取调用参数的value属性来断言：

修改测试代码里的断言部分：

it('should close dialog and return FormGroup', fakeAsync(async () => {
    await selectAnswers();
    const spy = spyOn(component.dialogWindow, 'close');
    flush();
    fixture.detectChanges();
    clickOnButton('SUBMIT', fixture);
    
    // 断言调用时传递的表单值符合预期
    expect(spy.calls.mostRecent().args[0].value).toEqual({ testField: true });
    // 额外验证传递的确实是FormGroup类型（可选）
    expect(spy.calls.mostRecent().args[0]).toBeInstanceOf(FormGroup);
}));

或者用jasmine.objectContaining来匹配包含指定值的FormGroup：

expect(spy).toHaveBeenCalledWith(jasmine.objectContaining({
  value: { testField: true }
}));

方法二：用类型匹配器忽略实例差异 #

如果只需要验证传递的是FormGroup类型，同时确认值正确，可以拆分断言：

it('should close dialog and return FormGroup', fakeAsync(async () => {
    await selectAnswers();
    const spy = spyOn(component.dialogWindow, 'close');
    flush();
    fixture.detectChanges();
    clickOnButton('SUBMIT', fixture);
    
    // 先验证参数是FormGroup实例
    expect(spy).toHaveBeenCalledWith(jasmine.any(FormGroup));
    // 再验证表单值正确
    const submittedForm = spy.calls.mostRecent().args[0];
    expect(submittedForm.value).toEqual({ testField: true });
}));

方法三：替换组件的表单实例（可选） #

如果一定要用你创建的resultFormGroup来断言，可以在测试前把组件的form替换成这个实例：

it('should close dialog and return FormGroup', fakeAsync(async () => {
    // 替换组件的表单为我们创建的实例
    component.form = createResultFormGroup();
    const spy = spyOn(component.dialogWindow, 'close');
    flush();
    fixture.detectChanges();
    clickOnButton('SUBMIT', fixture);
    
    // 此时直接比较实例就会匹配
    expect(spy).toHaveBeenCalledWith(component.form);
}));

这种方法适合需要严格控制表单实例的场景，但通常前两种方法更简洁，也更贴合测试的核心目的。

内容的提问来源于stack exchange，提问作者OptimusPrime98