一、QUnit 前端测试工具

QUnit是一个强大的单元测试框架，该框架是由jQuery团队的成员所开发，并且是jQuery的官方测试套件。Qunit是Jquery的单元测试框架，并且被广泛使用在各个项目中。

为了使用Qunit，你仅仅需要去包含2个Qunit文件在你的Html页面。Qunit 包含了qunit.js 作为运行器和测试框架，和qunit.css 文件，座位测试套件页面显示测试结果的样式。

 

二、Selenium 前端测试工具

Selenium 是ThoughtWorks专门为Web应用程序编写的一个验收测试工具。Selenium也是一个用于测试的工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。

这个工具的主要功能包括:

1、测试与浏览器的兼容性——测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上。

2、测试系统功能——创建回归测试检验软件功能和用户需求。

3、支持自动录制动作和自动生成 .Net、Java、Perl等不同语言的测试脚本。

 

三、Jshint 前端测试工具

JSHint 跟JSLint非常像，都是一个 JavaScript 的代码质量检查工具，主要用来检查代码质量以及找出一些潜在的代码缺陷并提供相关的代码改进意见。

使用方式：

第一种方法：进入JSHint首页，粘贴你的代码，选择相关的选项，然后点击右下角的Lint按钮就可以了。

第二种方法：使用Grunt整合的JSHint。

第三种方法：直接使用API。

 

四、WebDriverTest 前端测试工具

WebDriver就是基于Selenium的一个自动化测试类库，但它不再是运行在浏览器内的，而是自己可以控制浏览器。旨在改进Selenium中出现的诸多问题，并且提供了非常易用、可读性很强的API。