小编eke*_*l16的帖子

确保在测试中填充了 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', '')
  })
}
Run Code Online (Sandbox Code Playgroud)

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

在此处输入图片说明

有谁知道如何测试这个?使用的测试库是 Jasmine,整个应用程序是用 Angular 构建的。这是我目前进行的测试,它使我达到了当前的覆盖水平(也欢迎对此发表任何其他评论):

it('should click the CSV link', () => {
  spyOn(comp.csvDownloadLink.nativeElement, 'click') …
Run Code Online (Sandbox Code Playgroud)

testing jasmine ngrx angular ngrx-store

5
推荐指数
1
解决办法
209
查看次数

标签 统计

angular ×1

jasmine ×1

ngrx ×1

ngrx-store ×1

testing ×1