javascript - Angular2 karma 测试 - 如何制作表单字段 "dirty"？

Question

我有一个要测试的表单，它有多个输入。输入保存在模糊状态，然后验证表单并检查是否有任何字段变脏并保存。

问题是无论我尝试什么，我都无法让表单在测试中显示为脏。我试过了

element.querySelector('#id').value = 'Text';

并且我已经尝试更新表单从中获取数据的实际对象(更新我认为这是模型)，没有骰子。

我看到在 angular2 存储库中有一个 dispatchEvent 方法允许您将输入发送到一个元素，但它在 angular2/testing_internals 中，所以它在外部项目中是不可导入的。关于如何让表单认为它在单元测试中接收输入有什么想法吗？

另一方面，当我在谷歌上搜索时，ng2 单元测试的文档真的很差。有没有你知道的好网站？

Answer 1

设置值后从元素调度 input 事件。

https://plnkr.co/edit/SyYbKLBtsTL645rSUjAS?p=preview

尽管来自 src 的文件不是公共(public) API，但它包含一个方便的事件

import {dispatchEvent} from 'angular2/testing_internal';

这允许简单地

 dispatchEvent(password, 'input');

另见

• https://github.com/angular/angular/blob/master/modules/angular2/test/common/forms/integration_spec.ts#L79
• https://github.com/angular/angular/blob/master/modules/angular2/test/common/forms/integration_spec.ts#L103