angular - detectChanges 重置 react 形式。在测试中管理表单值的正确方法是什么？

Question

我正在为响应式表单编写测试。

app.form.get('name').setValue('new value');
expect(app.form.get('name').value).toEqual('new value');
fixture.detectChanges();
expect(app.form.get('name').value).toEqual('new value'); // <-- Fails.

我调试过了。我看到控件值在 detectChanges

之后重置为默认值

There is the case

在测试中管理表单值的正确方法是什么？

Answer 1

您编写的测试可能会因以下原因而失败:

fixture.detectChanges();将执行 ngOnInit方法，如果您正在实例化 app.form该生命周期钩子(Hook)中的值，

然后所有字段将再次获得默认值和您之前设置的值:

app.form.get('name').setValue('new value');

将被覆盖，您的测试将在 expect(app.form.get('name').value).toEqual('new value'); // <-- Fails. 中进行然后会失败。