單元測(cè)試代碼里的createComponent，是通過TestBedRender實(shí)現(xiàn)的：

TestBedRenderer3：

獲得注入的TestComponentRenderer：

const result = this.testModuleRef.injector.get(token, UNDEFINED, flags);

得到DomTestComponentRenderer：

一個(gè)硬編碼的rootElementId：root0

創(chuàng)建一個(gè)template元素，里面包含一個(gè)div元素，id為root0：

type就是createComponent的輸入?yún)?shù)：

type as any之后，其?cmp屬性里包含了很多信息，簡(jiǎn)而言之，就是Component的定義，也就是metadata：

使用ComponentDefinition創(chuàng)建ComponentFactory：

在ngZone里運(yùn)行initComponent，并將結(jié)果插入到activeFixtures里，并返回fixture：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的Angular jasmine单元测试框架TestBed.createComponent的实现原理的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。