如何详细测试Angular组件间通过不同方式的长尾词传值方法？

本文共计1005个文字，预计阅读时间需要5分钟。

前言：我们知道Angular组件间通讯有多种方法，其中最常用的一种方法是借助@Input和@Output进行通讯。

具体如何通讯，请参考Angular组件间通讯，本文不再赘述，下面我们来谈谈关于此方法的相关内容。

前言

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

创建假组件

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

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

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