脚本宝典收集整理的这篇文章主要介绍了Angular单元测试总结,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
一直以来都是后台写单元测试,这周初次使用前台单元测试,出错是必然的
问题
- 使用自己写的组件或者管道是报错
需要在前台单元测试sPEc.ts
文件中加入自己写的组件或管道,例如:
- 使用框架中自带的组件
需要在前台单元测试spec.ts
文件中加入报错信息提示的组件,例如:
这个错误是遇到次数最多的,当时出现这个错误时和张喜硕组长研究查资料搞了大半宿也没解决,最后还是在潘老师的帮助下解决的,得知ng test
时控制台报错的哪个文件,不一定是这个文件出错,解决办法如下:
- 打开单元测试时自动弹出来浏览器的控制台
控制台中,由于http发起请求时,必然发生错误,所以有很多个错误,但是导致单元测试不通过的,只有那些发生了异常,我们没有传入error的
找到Uncaught
,点开HttpErrorResponse
看一下对应service
中的那个服务
- 在对应的服务中找到,找到方法(在方法名上右键
Find usages
)看谁调用了我。
- 在订阅的时候,要加入
error
异常错误
加上之后问题解决,单元测试通过。
总结
单元测试从长期来看,可以提高代码质量,减少维护成本,降低重构难度。但是从短期来看,加大了工作量,对于进度紧张的项目中的开发人员来说,可能会成为不少的负担。
但是我这里有个疑问:
Angular
单元测试都是用命令行自动生成的,测试和不测试有什么区别?感觉加了测试反而更麻烦
以上是脚本宝典为你收集整理的Angular单元测试总结全部内容,希望文章能够帮你解决Angular单元测试总结所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。