Angular 如何以编程方式更改dx选择框的值，从而触发值更改？

我使用的是

Angular9

、

Jasmine

和

Devextreme

我的目标是编写一个测试程序，更改

dx选择框的值，从而引发
valueChange
事件，然后断言结果。

<dx-select-box
               [items]="filters"
               [value]="selectedFilterId"
               valueExpr="id"
               displayExpr="name"
              (valueChange)="filterChanged($event)">
</dx-select-box>

有人知道如何在茉莉花测试中从
dx选择框
引发
valueChange
事件吗

这里是dx选择框的演示：

谢谢你的提示

编辑：刚刚发现：

const e1 = fixture.debugElement.query(By.directive(DxSelectBoxComponent));
const c1 = e1.componentInstance as DxSelectBoxComponent;
c1.valueChange.emit(newValue);
fixture.detectChanges();

好奇，我如何删除我的问题？谢谢不要删除它，因为其他人可能会发现它很有用！
const e1 = fixture.debugElement.query(By.directive(DxSelectBoxComponent));
const c1 = e1.componentInstance as DxSelectBoxComponent;
c1.valueChange.emit(newValue);
fixture.detectChanges();

const e1 = fixture.debugElement.query(By.directive(DxSelectBoxComponent));
const c1 = e1.componentInstance as DxSelectBoxComponent;
c1.valueChange.emit(newValue);
fixture.detectChanges();