如何对Angular @Input的setter和getter进行单元测试

Question

如何获取组件@Input的单元测试范围，该组件是使用setter和getter进行字符串化的对象。代码工作正常，问题是我无法获得完整的单元测试范围。

选择器如下：

<products-list [products]="{"name": "Testing Name", "value": "TN", "isRequired": false}"></products-list>

组件：

private _products: any;

@Input('products')
set products(list: string) {
   this._products = JSON.parse(list);
}
get products() {
   return this._products;
}

Answer 1

请参阅以下堆叠闪电战-https://stackblitz.com/edit/angular-testing-jq4bdj

请注意，测试用例将执行getter [请参见控制台日志]