[发明专利]一种编写可测试前端代码的方法

权利要求书

1.一种编写可测试前端代码的方法，基于TypeScript语言；其特征在于：在前端代码中的源类和要导入的依赖项中增加一个抽象层；

所述抽象层通过TS的接口或者抽象类来实现前端代码中的依赖反转；

依赖反转以后，在源类中导入所述抽象层，通过所述抽象层向前端代码传入遵守抽象协议的内容实现对前端代码进行了解耦。

2.根据权利要求1所述的一种编写可测试前端代码的方法，其特征在于：编写前端代码时，在当前组件中引入一组件；其步骤包括：

第一、判断组件测试情况；当，当前组件源代码的依赖关系受限，判断当前组件源类在后期过程测试与否；

第二、判断组件的依赖项；根据当前组件源类的来源，或当前依赖项的稳定性，或当前依赖项的类别，来判断依赖项的导入与否；

第三、源类和依赖项的依赖反转；对不满足上述第二步条件的当前源类和依赖项进行依赖反转。

3.根据权利要求2所述的一种编写可测试前端代码的方法，其特征在于：根据所述第一步的判断情况，若当前组件源类在后期不需要检测，则保持原有代码；若当前组件源类在后期需要检测，则进行上述第二步的依赖项判断过程。

4.根据权利要求2所述的一种编写可测试前端代码的方法，其特征在于：所述第二步中的判断条件包括：

A.引入组件与当前组件是否来自于同一层或内层；

B.当前依赖项是否为一个稳定的组件；

C.当前依赖项是否是一个接口或抽象类。

5.根据权利要求2所述的一种编写可测试前端代码的方法，其特征在于：所述第三步中的依赖项反转过程包括：

i.通过TS的接口或抽象类在当前组件源类和依赖项之间增加一个抽象层；

ii.确保原依赖项实现该抽象层的接口或抽象类；

iii.在当前组件源类中导入该抽象层的接口或抽象类来代替具体的原依赖项；

iv.通过一个实现该TS的接口或抽象类的类来进行测试代码的编写。

6.根据权利要求5所述的一种编写可测试前端代码的方法，其特征在于：所述第IV中实现该TS的接口或抽象类的类包括：原依赖项的类或新编写的满足条件的类。

7.一种编写可测试前端代码结构，其特征在于：用于前端代码通过测试脚本进行自动化测试，其包括在前端代码中的源类和要导入的依赖项中增加一个抽象层来实现前端代码中的依赖反转。

8.根据权利要求7所述的一种编写可测试前端代码结构，其特征在于：所述抽象层通过TS的接口或者抽象类来实现。

9.根据权利要求8所述的一种编写可测试前端代码结构，其特征在于：通过一个实现该TS的接口或抽象类的类来进行测试代码的编写。