Angular 面试题汇总3-单元测试

男娘i 2022-12-22 13:24 186阅读 0赞

> Angular v8+面试系列
> 
>  *  [Angular 面试题汇总1-基本知识][Angular _1-]
>  *  [Angular 面试题汇总2-Component/Service][Angular _2-Component_Service]
>  *  [Angular 面试题汇总3-单元测试][Angular _3-]

### 目录 ###

*  Angular中的测试有哪些种，基于哪些测试框架
 *   *  什么是Karma？ 在Angular中有什么作用？
     *  什么是Jasmine？ 在Angular中有什么用？
     *  什么是protractor？
 *  单元测试 Unit Test
 *   *  什么是Angular中的单元测试？
     *  Angular UT的最佳实践
     *  什么是TestBed，有什么作用
     *  测试Service时，有其他依赖如何处理？
 *  端到端测试（e2e）

# Angular中的测试有哪些种，基于哪些测试框架 #

Angular的测试主要包括单元测试（Unit Test）和端到端测试（e2e）。

*  单元测试（Unit Test）：基于jasmine和Karma。jasmine是一套通用的测试框架，除了Angular之外，也有广泛引用；Karma是Angular专用的用于管理测试配置等的框架，让测试代码方便的在指定浏览器执行；另外，根据喜好，也可以选择 Mocha 和 Chai。
 *  端到端测试（e2e）：基于protractor。protractor是Angular专用的e2e框架。

## 什么是Karma？ 在Angular中有什么作用？ ##

Karma是用于在浏览器环境中针对测试代码执行源代码的工具。 它支持在为其配置的每个浏览器中运行测试。 同时将结果显示在命令行和浏览器上，或者输入标准格式的报表，供开发人员检查哪些测试通过或失败。 Karma还会监视文件，并且只要文件发生更改，就可以触发测试重新运行。 同时Karma还可以统计代码覆盖率(Code Coverage)。  
在Angular项目的根目录下，我们具有用于配置Karma的文件karma.conf。

## 什么是Jasmine？ 在Angular中有什么用？ ##

Jasmine是一个javascript测试框架，支持称为行为驱动开发或简称BDD的软件开发实践。 这是测试驱动开发（TDD）的一种特殊风格。

Jasmine和BDD通常尝试以一种人类可读的格式描述测试，以便非技术人员可以理解所测试的内容。

## 什么是protractor？ ##

protractor是Angular的端到端测试框架。 它在真实的浏览器中运行测试，并像真实的人一样与之交互。 与单元测试不同，在单元测试中，我们测试各个功能，而在这里，我们测试整个逻辑。 protractor能够填写表格，单击按钮，并确认预期的数据和样式显示在HTML文档中。

就像Karma一样，Protractor在Angular项目的根目录protractor.conf中拥有自己的配置文件。

# 单元测试 Unit Test #

## 什么是Angular中的单元测试？ ##

单元测试用于测试隔离中的单个功能，单个组件，特点是隔离和之星快。在此单元测试中，我们不能说应用程序中的一切都很好，而是仅针对单个单元或功能，即可确保正常工作。

## Angular UT的最佳实践 ##

*  在beforeEach() 中初始化使用到的上下文；
 *  describe()，it() 中的描述要清晰。方便阅读，方便测试失败时快速定位；
 *  使用after() ，afterEach()重置测试改变的全局状态；
 *  每1个具体测试用例，不要过于复杂，尽量保证在15行代码以内

## 什么是TestBed，有什么作用 ##

TestBed 就是Angular测试工具集(@angular/core/testing)提供的用于构建一个 @NgModule 测试环境模块。可以

1.  TestBed.configureTestingModule，准备测试环境
2.  利用 TestBed.createComponent 创建一个用于测试目标组件的测试组件

## 测试Service时，有其他依赖如何处理？ ##

使用TestBed创建用例是，将依赖项加到providers中

TestBed.configureTestingModule({ 
      providers: [YourDependencyService]
    });

# 端到端测试（e2e） #

基于Protractor，测试成本比较高，一般能覆盖阳光测试用例(sunny case)即可。

--------------------

[Angular _1-]: https://blog.csdn.net/weixin_43288714/article/details/109717588
[Angular _2-Component_Service]: https://blog.csdn.net/weixin_43288714/article/details/109841655
[Angular _3-]: https://blog.csdn.net/weixin_43288714/article/details/109848969