12 款 JS 代码测试必备工具(翻译)

狼蚁技术博客：十二款必备的JS代码测试工具

===========================

在日新月异的编程世界中，新的代码、工具和框架层出不穷。本文将为您详细介绍十二款针对JavaScript代码测试的必备工具，助您在技术栈中轻松应对各种测试需求。

一、Jasmine

--

Jasmine是一个行为驱动的测试开发框架，专为JavaScript设计。其语法简洁明了，编写测试极为容易，且不依赖于其他JavaScript框架或DOM。

二、Mocha

--

Mocha是一个功能丰富的JavaScript测试框架，既能在Node.js环境中运行，也能在浏览器环境中运行。它以串行方式运行测试，能生成灵活且精确的报告，有效映射未捕获的异常到正确的测试用例。

三、Chai

-

Chai是一个支持BDD/TDD的库，可以在浏览器端和Node.js中使用。它与任何JavaScript测试框架都能配合使用，让断言变得更简单、更直观。

四、QUnit

-

QUnit是一个强大且易用的JavaScript单元测试框架。不仅jQuery、jQuery UI和jQuery Mobile项目都使用它，它还能测试普通的JavaScript代码。

五、Sinon.JS

Sinon.JS为JavaScript提供了独立的间谍（spies）、替身（stubs）和模拟对象（mocks）。它不依赖于其他任何工具，可以与任何单元测试框架协同工作。

六、Karma

--

Karma是一个与浏览器无关的测试运行器。它针对每个浏览器运行测试，并通过命令行暴露测试结果，使开发者能直观地看到浏览器端的测试通过或失败的情况。

七、Selenium

Selenium的目标是实现浏览器自动化。它主要用于自动化测试Web应用程序，能轻松处理网络管理任务。

八、WebdriverIO

--

WebdriverIO允许用户以简单、简洁、易读的方式控制浏览器或移动应用。其集成的TestRunner允许用户以同步方式调用异步命令，大大简化了测试代码的编写。它还能自动管理Selenium会话。

九、Nightwatch.js

Nightwatch.js是一个易于使用的Node.js库，专为基于浏览器的应用和网站设计终端到终端（E2E）的测试方案。它强大的API使得在DOM元素上执行命令和断言变得非常简单。

十、PhantomCSS

-- 兼具CasperJS与Resemble.js的功能，PhantomCSS能够捕获屏幕截图并与基准图进行对比，以检测RGB像素差异。它能生成图像差异对比报告，帮助您快速定位问题所在。 十一、PhantomFlow PhantomFlow使用决策树提供UI测试方案，是Selenium WebDriver的NodeJS包装器。它能流畅地在代码中描述用户流程，生成用于可视化的结构化树数据。 十二、Percy Percy提供关于视觉变化的迭代及快速反馈，实现了所谓的连续视觉集成。它通过运行测试套件获取DOM快照并上传到Percy服务，最终在浏览器中渲染出来，帮助开发者快速识别视觉差异。 以上介绍的十二款工具都是JavaScript代码测试的利器，无论您是初学者还是资深开发者，都值得一试。请根据您的技术栈和需求选择合适的工具，让测试工作更加高效、准确。英文原文译文请参见Cambrian的render('body')方法获取完整内容。