Angular 测试子组件中的发射值

Angular 测试子组件中的发射值,angular,Angular,更新:答案在这里 角度8 在我的子组件中,我有: @Output() selectedProduct = new EventEmitter<Product>(); handleProductSelection(product: Product){ this.selectedProduct.emit(product); } 基本上,调用该方法后,我希望捕获发出的值,以确保传递/单击的产品是发送给父级的产品。回答:Thank@christian完成了此

更新:答案在这里

角度8

在我的子组件中,我有:

   @Output() selectedProduct = new EventEmitter<Product>();

   handleProductSelection(product: Product){

    this.selectedProduct.emit(product);

    }

基本上,调用该方法后,我希望捕获发出的值,以确保传递/单击的产品是发送给父级的产品。

回答:Thank@christian完成了此操作。回答:Thank@christian完成了此操作。
<button *ngFor="let product of products" (click)="handleProductSelection(product)">{{product.productName}}</button>
 it("selected product is emitted out", () => {
    const product = new Product(SampleProducts[0])
    component.handleProductSelection(product);
    component.selectedProduct.subscribe() // dont catch it

  });