认识达内从这里开始

随着互联网的不断发展，越来越多的人都开始学习web前端编程开发的相关技术知识，而今天我们就通过案例分析来了解一下，web前端测试常用的几种测试框架。

1.Jasmine

Jasmine是Angular建议开发人员广泛使用的、为流行的前端测试框架之一。它是一个行为驱动的开发框架，可被用于测试各种JavaScript代码。作为一款为古老的框架，它不但拥有广泛的社区支持与资源，而且能够通过简洁的语法，帮助开发人员快速地编写出不同的测试代码。而且，由于并不依赖于任何其他的JavaScript框架，因此用户完全可以通过Jasmine框架，轻松且快速地执行各类场景下的前端测试。

2.LambdaTest

跨浏览器测试是Web应用测试的重要组成部分之一。它可确保程序在各种浏览器、操作系统、以及设备上的功能实现和兼容性。不过，相对于手动测试，测试人员往往会用到LambdaTest之类的快速自动化跨浏览器测试工具。LambdaTest能够为2000多种浏览器和不同的Web应用操作系统的组合提供支持，因此测试人员可以在单独的系统上对自己的Web应用执行多种测试。

此外，它的配置并不复杂，您只需要输入目标站点的URL，然后在其中选择特定的浏览器、以及对应的操作系统即可。此外，它还具有诸如：实时测试、屏幕截图测试、以及针对Chrome扩展程序、和WordPress插件的外部记录和播放等功能。

3.Jest

倍受Jasmine启发的JavaScript测试框架--Jest，是由经验丰富的Facebook团队开发和维护的。作为Github上排名一的测试框架，它拥有22,000颗星。Jest在开发人群中广受欢迎的主要原因，得益于它的易用性和无需配置这一属性。

除此之外，Jest具有简洁清晰的用户界面，以及高效的加载性能。在默认情况下，它能够与探查(spying)及模拟(mocking)程序一起，构建出与测试相关的全局变量。同时，它还提供快照式的测试，并能够使用内置的测试覆盖率工具来进行传输。因此，对于想快速上手前端测试的初学者来说，Jest框架是他们的选。

4.Selenium

作为一种被广泛使用的开源式前端测试工具，Selenium能够在包括Mac、Linux、以及Windows在内的多个平台与浏览器上，对Web应用程序进行端到端的测试。事实上，它是一个由四个不同的框架所组成的测试套件，其中包括常被用到的SeleniumIDE和SeleniumWebDriver。由于支持几乎所有当前流行的编程语言，因此它允许测试人员以Java、PHP、或C#等不同的语言来编写测试脚本。

Selenium具有简洁直观的界面，能够让测试人员更快速地开展测试工作，并提供一定的测试兼容性。另外，作为一款免费工具，它还提供了比某些付费框架更为优秀的功能，例如：用户无需学习SeleniumIDE，便可直接使用其测试的记录和回放功能。

5.Karma

如果您正在寻找适合在浏览器、或类似浏览器的环境中运行测试框架，那么Karma便是您的理想选择。作为一种通用的用例式前端测试框架，Karma受到了前端测试人员的普遍欢迎。同时，它能够为诸如Jenkins和Travis之类的集成框架，提供24/7的技术支持。

使用Karma框架，您甚至可以在真实的设备、或HeadlessPhantomJS(译者注：一个基于Webkit的JavascriptAPI)实例上运行测试。更实用的是，如果您使用Karma作为测试框架，那么完全可以使用下面将要提到的Mocha或上述Jasmine，来描述自己的测试。当然，您也可以选择从终端、IDE或使用LambdaTest之类的服务，来远程运行各项测试。

6.Mocha

作为一款在当前前端测试市场举足轻重的框架，Mocha能够与模拟程序、三方断言、以及chai和enzyme之类的探查工具相集成。除了拥有庞大的社区网络之外，Mocha还能够提供完善的功能选项和完备的文档资料。

由于能够与多种扩展程序协同使用，因此Mocha具有较高的兼容性与灵活性。目前，尽管有一些用户已经着手从Mocha向Jest迁移，但是其庞大的社区资源，以及丰富的外部用例资源，仍然让其成为名副其实的常用测试工具之一。

7.Needle

专用于CSS测试的Needle，可以确保目标Web应用的各种视觉元素(如字体、CSS、图像)，能够在规定的屏幕尺寸和各种设备上正常显示。通过获取用户网站某些部分的当前屏幕截图，它能够将其与开发者预期的正常屏幕显示效果进行比较，进而分析Web应用的各项功能。此外，测试人员还可以用它来评估CSS值和HTML元素的位置。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。