前端自动化测试解决方案探析

前端测试一直是前端项目开发过程中机器重要的一个环节，高效的测试方法可以减少我们进行代码自测的时间，提高我们的开发效率，如果你的代码涉及的测试用例较多，而且项目需要长期维护，这时就可以考虑使用一下自动化测试了。

一、前端自动化测试

  前端自动化测试一般是指是在预设条件下运行前端页面或逻辑模块，评估运行结果。预设条件应包括正常条件和异常条件，以达到自动运行测试过程、减少或避免人工干预测试的目的。在前端自动化测试中，我们通常是通过不同的工具来解决不同场景下不同的问题的。就测试类型来看，主要分为BDD(Bebavior Driven Developement，行为驱动测试)和TDD(Testing Driven Developement，测试驱动开发)。BDD可以让项目成员（甚至是不懂编程的）使用自然描述语言来描述系统功能和业务逻辑，从而根据这些描述步骤进行系统自动化的测试；TDD则要求在编写某个功能的代码之前先编写测试代码，然后只编写使测试通过的功能代码，通过测试来推动整个开发的进行。这有助于编写简洁可用和高质量的代码，并加速实际开发过程

  BDD和TDD均有各自的适用场景，BDD一般更偏向于系统功能和业务逻辑的自动化测试设计，而TDD在快速开发并测试功能模块的过程中则更加高效，以快速完成开发为目的。下面我们看下BDD和TDD具体的特点：

BDD的特点： - 从业务逻辑的角度定义具体的输入与预期输出，以及可衡量的目标； - 尽可能覆盖所有的测试用例情况； - 描述一系列可执行的行为，根据业务的分析来定义预期输出。例如，expect, should, assert； - 设定关键的测试通过节点输出提示，便于测试人员理解； - 最大程度的交付出符合用户期望的产品，避免输出不一致带来的问题。

TDD的特点： - 需求分析，快速编写对应的输入输出测试脚本； - 实现代码让测试为成功； - 重构，然后重复测试，最终让程序符合所有要求。

二、单元测试解决方案

  就前端而言，单元测试的实现工具比较多。主要有mocha，jasmine和qunit。我们先来看看使用mocha是怎样实现单元测试的。

• mocha

  mocha的特点是简单可扩展、支持浏览器和Node、支持同步和异步、支持连续用例测试。测试集，以函数describe(string, function)封装；测试用例，以it(string, function)函数封装，它包含2个参数；断言，以assert语句表示，返回true或false。另外，mocha在完成异步测试用例时通过done()来标记。

原文转自：http://jixianqianduan.com/frontend-javascript/2016/11/22/front-end-auto-test.html