Angular 确保在测试中填充ngrx存储

我有一个函数

handleCSV () {
  this.storeData$.take(1).subscribe(s => {
    const data = s.data
    const fields = ['reference', 'description', 'val1', 'val2', 'difference']
    const fieldNames = ['Reference', 'Description', 'Value 1', 'Value 2', 'Difference']
    const exportData = data.filter(dataset => dataset.visible)

    const csv = json2csv({ data: exportData, fields: fields, fieldNames: fieldNames })
    const csvEnc = encodeURIComponent(csv)
    const href = `data:application/octet-stream,${csvEnc}`

    this.csvDownloadLink.nativeElement.setAttribute('href', href)
    this.csvDownloadLink.nativeElement.click()

    this.csvDownloadLink.nativeElement.setAttribute('href', '')
  })
}

我几乎100%覆盖了这个函数，唯一缺少的是data.filter回调

有人知道如何测试这个吗？使用的测试库是Jasmine，整个应用程序都是用Angular构建的。以下是我目前的测试，它使我达到了当前的覆盖水平（欢迎对此发表任何其他评论）：

编辑

好的，我发现问题的原因不是没有调用data.filter回调，而是数据数组本身是空的！例如，通过始终确保数据数组中包含某些内容，可以覆盖回调：

---

很明显，我不想在我的代码中使用这个if语句，所以我想我的问题是——为了测试的目的，我如何始终确保storeData$中包含一些内容。现在这改变了问题的范围，现在是ngrx测试问题。函数的作用是：触发一个异步填充storeData$的操作，但很明显，在测试中不会发生这种情况。那么，如何启动ngOnInit（）函数，并确保在调用handleCSV（）时已返回reducer，并且将填充storeData$

storeData$

不“包含”数据

storeData$

将随时间发出值，通过订阅它，您可以在值到达时处理这些值。在您的情况下，您只处理到达的第一个值（使用

take（1）

函数）

处理每个新值的arrow函数具有相当的逻辑性。在我看来，您应该将这个箭头函数提取到一个可以单独测试的命名函数中。这样，您就可以测试逻辑，而不必担心

storeData$

handleCSV () {
  this.storeData$.take(1).subscribe(this.onNewStoreData);
}

onNewStoreData(s) {
    const data = s.data
    const fields = ['reference', 'description', 'val1', 'val2', 'difference']
    const fieldNames = ['Reference', 'Description', 'Value 1', 'Value 2', 'Difference']
    const exportData = data.filter(dataset => dataset.visible)

    const csv = json2csv({ data: exportData, fields: fields, fieldNames: fieldNames })
    const csvEnc = encodeURIComponent(csv)
    const href = `data:application/octet-stream,${csvEnc}`

    this.csvDownloadLink.nativeElement.setAttribute('href', href)
    this.csvDownloadLink.nativeElement.click()

    this.csvDownloadLink.nativeElement.setAttribute('href', '')
}

handleCSV () {
  this.storeData$.take(1).subscribe(this.onNewStoreData);
}

onNewStoreData(s) {
    const data = s.data
    const fields = ['reference', 'description', 'val1', 'val2', 'difference']
    const fieldNames = ['Reference', 'Description', 'Value 1', 'Value 2', 'Difference']
    const exportData = data.filter(dataset => dataset.visible)

    const csv = json2csv({ data: exportData, fields: fields, fieldNames: fieldNames })
    const csvEnc = encodeURIComponent(csv)
    const href = `data:application/octet-stream,${csvEnc}`

    this.csvDownloadLink.nativeElement.setAttribute('href', href)
    this.csvDownloadLink.nativeElement.click()

    this.csvDownloadLink.nativeElement.setAttribute('href', '')
}