這篇文章主要講解了如何實(shí)現(xiàn)angular組件間傳值測(cè)試，內(nèi)容清晰明了，對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會(huì)有幫助。

創(chuàng)新互聯(lián)是一家專業(yè)提供延壽企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站建設(shè)、網(wǎng)站制作、H5頁面制作、小程序制作等業(yè)務(wù)。10年已為延壽眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

前言

我們知道angular組件間通訊有多種方法，其中最常用的一種方法就是借助于 @Input 和 @Output 進(jìn)行通訊。具體如何通訊請(qǐng)參考angular組件間通訊，本文不再贅述，我們來講講關(guān)于此方法如何進(jìn)行單元測(cè)試。

創(chuàng)建假組件

我們單元測(cè)試父組件與子組件的的交互是否符合我們的要求，我們?cè)诟附M件進(jìn)行測(cè)試，就需要模擬一個(gè)假的子組件出來，這樣排除其他因素對(duì)測(cè)試的影響。

比如現(xiàn)在我在分頁組件里寫了一個(gè)每頁大小選擇組件，現(xiàn)在要測(cè)試一下組件間交互?，F(xiàn)在分頁組件就是我們的父組件，每頁大小組件就是我們的子組件。我們現(xiàn)在需要去模擬一個(gè)假的子組件出來。我們先模擬一個(gè)假模塊出來。

我們的子組件在core模塊里，我們?cè)赾ore模塊下創(chuàng)造一個(gè)core-testing模擬模塊。再在core-testing模塊下創(chuàng)造一個(gè)core組件，因?yàn)槲覀兪且粋€(gè)模擬模塊，我們只需要ts文件即可。

@Component({
 selector: 'app-size',
 template: `
 

  size-select works!
 
 `,
 styles: []
})
export class SizeComponent implements OnInit {
 constructor() {
 }

 ngOnInit() {
 }
}

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

文章標(biāo)題：如何實(shí)現(xiàn)angular組件間傳值測(cè)試-創(chuàng)新互聯(lián)
網(wǎng)頁地址：http://weahome.cn/article/dogsec.html