4个Angular单元测试编写的小技巧，快来看看！

Angular怎么进行单元测试？下面本篇给大家整理分享4个Angular单元测试编写的高阶技巧，希望对大家有所帮助！

测试思路:

• 1.能单元测试，尽量单元测试优先
• 2.不能单元测试，通过封装一层进行测试，譬如把测试的封装到一个组件，但又有弱于集成测试
• 3.集成测试
• 4.E2E 测试

测试难度，也是逐渐加大的，耗费的时间也是越多的。那么想测试的简单，那么在开发的时候，就有意识的，去把思路理清楚，code写的简单高效些~。

本文使用的测试技术栈：Angular12 +Jasmine, 虽然其他测试技术语法不同，但是整体思路差不多。【相关教程推荐：《angular教程》】

Tips: Jasmine 测试用例判定，方法有哪些，可以在这里找到，戳我

单元测试

其中component，默认是Angular使用以下语法创建的待测试对象的instance

beforeEach(() => {    fixture = TestBed.createComponent(BannerComponent);    component = fixture.componentInstance;    fixture.detectChanges();  });

函数测试

1.函数调用，且没有返回值

function test(index:number ,fn:Function){  if(fn){      fn(index);  } }