【51CTO.com快译】在每个Web应用程序中，作为用户直接可见的应用程序外观，“前端”包括：图形化的用户界面、相应的功能、及其整体站点的可用性。我们可以毫不夸张地说：如果前端无法正常工作，您将无法“拉新”网站的潜在用户。这也正是我们需要对Web应用执行前端测试的重要原因。
为了确保Web应用无论发生了何种变更之后，其对应的前端都能够与bug“隔离”，我们需要针对前端开展各种测试，主要包括：测试应用程序的基本功能、用户的界面和整体的可用性。此外，如下因素也是驱动我们进行测试的其他方面：  开发人员对于JavaScript文件的变更，通常会导致前端无法正常工作。 哪怕是对CSS进行少量的修改，也可能破坏前端的外观布局，因此我们需要开展CSS回归测试。 应当针对代码的变更，进行运行性能方面的检查。 
由于前端测试往往会涉及到上述方方面面，而且时常会让测试人员面临各种新的挑战，因此他们需要借助专门的测试工具和框架来提高效率。在本文中，我们将和您讨论九种能够加快测试进程的前端测试工具与框架。
1. Jasmine(https://jasmine.github.io/)
Jasmine是Angular建议开发人员广泛使用的、最为流行的前端测试框架之一。它是一个行为驱动的开发框架，可被用于测试各种JavaScript代码。作为一款最为古老的框架，它不但拥有广泛的社区支持与资源，而且能够通过简洁的语法，帮助开发人员快速地编写出不同的测试代码。而且，由于并不依赖于任何其他的JavaScript框架，因此用户完全可以通过Jasmine框架，轻松且快速地执行各类场景下的前端测试。
2. LambdaTest(https://www.lambdatest.com/)
跨浏览器测试是Web应用测试的重要组成部分之一。它可确保程序在各种浏览器、操作系统、以及设备上的功能实现和兼容性。不过，相对于手动测试，测试人员往往会用到LambdaTest之类的快速自动化跨浏览器测试工具。LambdaTest能够为2000多种浏览器和不同的Web应用操作系统的组合提供支持，因此测试人员可以在单独的系统上对自己的Web应用执行多种测试。
此外，它的配置并不复杂，您只需要输入目标站点的URL，然后在其中选择特定的浏览器、以及对应的操作系统即可。此外，它还具有诸如：实时测试、屏幕截图测试、以及针对Chrome扩展程序、和WordPress插件的外部记录和播放等功能。
3.Jest(https://jestjs.io/)
倍受Jasmine启发的JavaScript测试框架--Jest，是由经验丰富的Facebook团队开发和维护的。作为Github上排名第一的测试框架，它拥有22,000颗星。Jest在开发人群中广受欢迎的主要原因，得益于它的易用性和无需配置这一属性。
除此之外，Jest具有简洁清晰的用户界面，以及高效的加载性能。在默认情况下，它能够与探查(spying)及模拟(mocking)程序一起，构建出与测试相关的全局变量。同时，它还提供快照式的测试，并能够使用内置的测试覆盖率工具来进行传输。因此，对于想快速上手前端测试的初学者来说，Jest框架是他们的首选。
4. Selenium(https://dzone.com/articles/comparing-top-10-cross-browser-testing-tools-in-20)
作为一种被广泛使用的开源式前端测试工具，Selenium能够在包括Mac、Linux、以及Windows在内的多个平台与浏览器上，对Web应用程序进行端到端的测试。事实上，它是一个由四个不同的框架所组成的测试套件，其中包括最常被用到的Selenium IDE和Selenium WebDriver。由于支持几乎所有当前流行的编程语言，因此它允许测试人员以Java、PHP、或C#等不同的语言来编写测试脚本。
Selenium具有简洁直观的界面，能够让测试人员更快速地开展测试工作，并提供一定的测试兼容性。另外，作为一款免费工具，它还提供了比某些付费框架更为优秀的功能，例如：用户无