如何实现angular组件间传值测试-创新互联

这篇文章主要讲解了如何实现angular组件间传值测试,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

创新互联是一家专业提供延寿企业网站建设,专注与网站建设、网站制作、H5页面制作、小程序制作等业务。10年已为延寿众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

前言

我们知道angular组件间通讯有多种方法,其中最常用的一种方法就是借助于 @Input 和 @Output 进行通讯。具体如何通讯请参考angular组件间通讯,本文不再赘述,我们来讲讲关于此方法如何进行单元测试。

创建假组件

我们单元测试父组件与子组件的的交互是否符合我们的要求,我们在父组件进行测试,就需要模拟一个假的子组件出来,这样排除其他因素对测试的影响。

比如现在我在分页组件里写了一个每页大小选择组件,现在要测试一下组件间交互。现在分页组件就是我们的父组件,每页大小组件就是我们的子组件。我们现在需要去模拟一个假的子组件出来。我们先模拟一个假模块出来。

我们的子组件在core模块里,我们在core模块下创造一个core-testing模拟模块。再在core-testing模块下创造一个core组件,因为我们是一个模拟模块,我们只需要ts文件即可。

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

size-select works!

`, styles: [] }) export class SizeComponent implements OnInit { constructor() { } ngOnInit() { } }

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页名称:如何实现angular组件间传值测试-创新互联
URL分享:http://bzwzjz.com/article/dogsec.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都做网站建设公司 网站设计公司 网站制作 成都网站制作 网站建设 高端定制网站设计 高端品牌网站建设 响应式网站设计 阿坝网站设计 成都定制网站建设 梓潼网站设计 成都网站设计 定制网站建设 成都网站建设公司 网站建设改版 公司网站建设 成都响应式网站建设公司 广安网站设计 达州网站设计 成都商城网站制作 网站制作报价 成都网站建设