我有一個Component，其items屬性是一個嵌套的Observable：

items$: Observable<Observable<Product>[]> = this.componentData$.pipe(map((data) => data.productCodes.trim().split(' ')),map((codes) =>codes.map((code) => this.productService.get(code, this.PRODUCT_SCOPE))));

ComponentData$的類型：

private componentData$: Observable<model> = this.componentData.data$.pipe(filter(Boolean));

Model的定義：

componentData$類型為Observable，調用map的回調里又嵌入了map操作，這是返回類型為嵌套Observable的原因。

因為items$是從componentData$得來的，而componentData$又來自componentData，因此我只用考慮如何構造componentData測試數據就行了：

private componentData$: Observable<model> = this.componentData.data$.pipe(filter(Boolean));

下面看看如何在單元測試用例里創建mock數據：MockCmsProductCarouselComponent：

完整解決方案：

const mockComponentData: CmsProductCarouselComponent = {uid: '001',typeCode: 'ProductCarouselComponent',modifiedTime: new Date('2017-12-21T18:15:15+0000'),popup: 'false',productCodes: productCodeArray.join(' '),scroll: 'ALLVISIBLE',title: 'Mock Title',name: 'Mock Product Carousel',container: 'false', };const MockCmsProductCarouselComponent = <CmsComponentData<any>>{data$: of(mockComponentData), };

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的Angular Observable数据类型的单元测试数据准备的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。