angular单元测试遇到the icon user-o does not exist or is not registered

这篇博客本不应由我写,但由于团队要求每周最少一篇,而这周又实在不知道写啥,又正好我也遇到了这个问题。所以我就“抢”了过来……在此,感谢潘哥!

团队在上周才启用前台的单元测试,对于解决前台的单元测试的错误还十分不成熟,遇到错误时经常一脸懵逼,这次的这个问题也是在潘老师的帮助下才解决的。

错误描述

在前台运行单元测试时出现了如下错误

the icon user-o does not exist or is not registered...

angular单元测试遇到the icon user-o does not exist or is not registered

看意思是图标没有找到,但是运行的时候却是能够看到图标的,应该怎么解决呢?

解决办法

之所以找不到,是因为找的地方不对

测试时默认是去/src/assets寻找,但是我们引用的图片不在那,自然找不到。
angular单元测试遇到the icon user-o does not exist or is not registered

比如在本项目中修改成下面这样就行了

angular单元测试遇到the icon user-o does not exist or is not registered
解决问题很重要,但更重要的是要知道为什么要这样解决,这也是为什么别人能解决一个bug,而自己对此却束手无策的原因。只有真正理解了大佬debug的思路,自己才能获得真正的提升,下面就让我们来看看潘老师的网上教学。

为什么要这样?

angular单元测试遇到the icon user-o does not exist or is not registered
可以看出潘老师也是靠丰富的经验和官方文档以及报错来解决问题的,就像潘老师最后说的结合报错和官方文档的思路永远错不了。

两点疑惑

  • 不是太懂这个单元测试的思路,为什么以前的单元测试就能通过,新写的功能也完全没调用与之相关的模块,却无法通过了。
  • 不知道前台的单元测试的意义是什么,也没有测出你写的方法的正确与否,对此应该是因为我们前台单元测试还使用的相当浅薄,并且前后台都写,不像公司里面前台就只有前台吧。

相关推荐