大佬教程收集整理的这篇文章主要介绍了angular – 确保在测试中填充ngrx存储，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
@H_618_7@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回调
@L_404_0@
有谁知道如何测试这个？使用的测试库是Jasmine,应用程序是使用Angular构建的.这是我目前的测试,它让我达到目前的覆盖水平(欢迎任何其他评论)：
@H_618_7@it('should click the CSV link',() => { spyOn(comp.csvDownloadLink.nativeElement,'click') comp.ngOnInit() comp.handleCSV() expect(comp.csvDownloadLink.nativeElement.click).toHaveBeenCalledTimes(1) })
编辑
好的,所以我发现问题的原因并不是没有调用data.filter回调,而是数据数组本身是空的！例如,通过始终确保数据数组中包含某些内容,可以涵盖回调：
@L_450_9@
现在显然我不希望在我的代码中使用if语句,所以我想我的问题变成了这个 – 为了测试的目的,我怎么能始终确保storeData $中有一些东西.现在这已经改变了问题的范围,现在它是一个ngrx测试问题. ngOnInit()函数触发异步填充storeData $的操作,但显然在测试中没有发生这种情况.那么如何激活ngOnInit()函数,并确保reducer已经返回,并且当我调用handleCSV()时将填充storeData $？
处理每个新值的箭头函数确实有一些逻辑.在我看来,你应该将这个箭头函数提取到一个可以单独测试的命名函数.这样您就可以测试逻辑而无需担心storeData $.
@H_618_7@handleCSV () { this.storeData$.take(1).subscribe(this.onNewStoreData); } onNewStoreData(s) { const data = s.data const fields = ['reference','') }
以上是大佬教程为你收集整理的angular – 确保在测试中填充ngrx存储全部内容，希望文章能够帮你解决angular – 确保在测试中填充ngrx存储所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。