Jasmine测试，导致mat select发出selectionChange事件？

Question

在我的Angular5应用程序中，我有一个选择日期列表的垫子。当用户从选项中选择新日期时，my selectionChange processor启动数据请求。

我试图编写一个Jasmine测试来模拟用户交互，以验证处理是否正确完成。我不知道如何让mat select选择一个值并发出selectionChange，就像用户进行了选择一样。

我在Angular Material2 GitHub（第5082期）上看到了一个问题，它引用了mat select的测试-我试图创建一个向下箭头键向下事件来触发下一个项目的选择：

let selCtrl = fixture.nativeElement.querySelector('mat-select');
selCtrl.dispatchEvent(new KeyboardEvent({key: 'ArrowDown', code: 'ArrowDown'});

但是，这似乎不起作用-检查我创建的事件和mat select代码似乎没有创建keyCode，并且mat select需要它。

我尝试过以编程方式设置控件的值，但这并不触发选择更改。

关于如何从茉莉花测试中触发mat select更改的任何建议？

Answer 1

我在mat select上触发（selectionChange）事件的操作如下：

   fixture.debugElement.query(By.css('mat-select')).triggerEventHandler('selectionChange', { value: { id: 1 } });

这样，我使用的selectionChange捕获函数将获取“value”对象。SelectionChange有点不同，您传递的$event包含所有内容，因此您需要$event。selectionChange=函数（$event.value）中的值

希望这能回答你的问题。