用户在应用程序看到和使用的内容都属于用户界面类别。

在过去的几年中，UI/UX变得越来越重要。随着市场中竞争者的数量增加，软件不仅要提供给用户满足其需求的基本功能外，还要为用户提供最佳的用户体验。这就是为什么使该过程对用户更平滑和直观变得至关重要的原因。否则，它们可能会使您的应用程序因复杂性而受挫。这就是UI变得如此重要，因此进行UI测试的重要原因！

什么是UI测试？

用户界面测试或UI测试是一种测试类型，通过该测试，我们检查应用程序的界面是否工作正常或是否存在任何妨碍用户行为且不符合书面规格的BUG。

了解用户将如何在用户和网站之间进行交互以执行UI测试至关重要。换句话说，通过执行UI测试，测试人员将尝试模仿用户的行为，以查看用户将如何与程序进行交互，并查看网站的运行情况是否如预期的那样，并且没有缺陷。用户界面中的小缺陷（例如按钮问题）可能会导致您的网站访问者无法填写潜在客户表单，从而从不进行用户转换。

Web网站包含许多来自CSS，JavaScript和许多其他语言的不同Web元素。UI测试捕获这些元素并对其进行测试和声明。它主要关注网站的结构和视觉部分，因为这些是用户关注的，而不是数据如何存储在数据库中。由于UI测试涵盖了用户交互部分，并且网站元素可以连接到屏幕，键盘，鼠标或用户用于与网站进行交互的任何其他组件，因此最终要进行UI测试。

以下测试方案将帮助您了解对于UI测试很重要的组件。在这种测试情况下，在一个用于预订电影和活动票的流行网站上预订3张电影票。当我选择E-13座位时，它会自动选择3个座位，如下所示：

他们被连续选择，这是很符合习惯的，因为大多数预订票的人都会坐在一起。现在，如果我选择F-23而不是E-13，让我们看看会发生什么。

注意，由于应用程序希望人们坐在一起，因此自动取消选择E-13，下一个选择是F-22。

当我选择E-13作为下一个座位时，应用程序将只选择该座位。这是一个主要问题，因为在第一步中选择E-13之后，应用程序可以自动选择E-13、14、15。

这些类型的功能失败可能会损害用户体验，并可能使他们视线受挫。因此，执行UI测试变得至关重要。

UI测试是否与GUI测试一样？

GUI（图形用户界面）和UI（用户界面）在前端测试领域通常被视为两个相似的概念。但是，从更深层次来看，事实并非如此。UI测试是一个广阔的领域，GUI测试可以视为UI测试的子集。GUI测试包括图形界面的测试，例如元素的颜色，用户可见的元素的功能等，而UI测试还包括界面的非图形部分。UI测试和GUI测试被视为相似的原因是：UI测试的许多组件都不经常使用。因此，从某种意义上说，今天的UI测试领域中使用的主要是GUI测试。

手动或自动，如何选择？

与其他任何类型的测试一样，UI测试也可以手动或通过自动化执行。手动测试要求测试人员在每个元素上手动执行每个测试。例如，测试输入字段将需要针对任何差异一次又一次地键入不同的值。乍一看，如果网站UI的组件较少，则最好通过手动过程进行UI测试，快速地完成。虽然它是正确的，应该针对一个简单而基本的网站进行，但不应该成为复杂网站的方法。当今具有丰富用户界面的网站使手动UI测试非常低效，费时且容易出错。

那么，自动化的好处有哪些呢？

速度：首先是速度。时间是每家公司的主要资源，自动化测试可以节省很多时间。Selenium Automation测试要求我们只编写一次测试，然后一次又一次地运行它们，而不会以不同的值和不同的方案进行任何干预。
准确性：只要测试编写正确，Selenium Automation测试就可以帮助我们正确执行测试。手动测试的主要缺点是容易发生人为错误。
透明度：Selenium Automation测试还有助于快速生成报告，并在测试完成后立即与团队共享。另一方面，手动测试需要时间来提取结果并手动报告结果以通过软件或手动生成报告

同样，在执行UI测试时，确保应用程序不存在任何跨浏览器兼容性问题也同样重要。由于每个浏览器都使用不同的浏览器引擎，并且可能不支持相同的CSS功能。因此，确保我们的UI在所有主要浏览器上无缝呈现非常重要。在不同的浏览器上进行测试称为跨浏览器测试，它可以帮助测试人员在所有主要浏览器和设备（包括手机，平板电脑等）的多种组合下测试其网站。

与上述内容类似，也可以通过两种方式（手动和自动化）执行跨浏览器测试，通过自动化可以跨浏览器测试中提高效率。Selenium是进行自动跨浏览器测试的最佳方法。良好的学习曲线可帮助测试人员快速轻松地进行硒测试。

UI测试技术

需要测试技术才能知道问题的答案：“如何执行测试？在以下描述的各种技术中，遵循各种过程。一旦确定了要遵循的测试技术的类型，就可以更轻松地遵循概念并生成结果。

探索性测试

探索性测试不需要预先计划，测试人员只需根据经验和各种其他参数（例如先前的测试结果）创建测试。这些参数可能因项目而异。探索性测试为测试人员提供了非常灵活和开放的机会。UI测试中的探索性测试有助于识别隐藏的测试用例，因为UI在不同机器上的行为可能不同。测试人员可以利用自动化功能，同时解决探索性测试难题，以对不同数据运行案例。探索性测试也可以手动高效地执行。

脚本测试

如果探索性测试在没有任何计划的情况下执行测试，则脚本化测试与此相反。在编写脚本并事先确定测试用例之后，才进行脚本测试。作为脚本测试的第一步，测试人员定义脚本，这些脚本表示测试人员的条目和预期的输出。然后分析结果并相应报告。与探索性测试类似，测试人员可以继续执行自动脚本化测试或手动脚本化测试。尽管由于大量的代码行和项目的复杂性，今天还是建议在脚本化测试中进行自动化测试。

用户体验测试

UI测试中的用户体验测试技术可以通过将构建的项目提供给最终用户来完成。最终用户可以像我们所有人一样使用产品，并提供他的反馈，然后可以通过测试团队将其传达给开发人员。这些公司有时还会向最终用户发布该产品的Beta版本，以根据广阔的地理位置收集反馈。

用户体验测试是一种探索性测试，因为用户不知道要测试什么以及如何进行测试，即没有预先定义的计划。不用说，它是手动完成的。还可以在部分产品上进行用户体验测试，以检查大量屏幕和不同位置上的UI，而无需开发整个项目。这有助于公司以与整个项目相同的强度来测试较小的组件，从而最终提高产品质量。

UI性能

网站的平均大小随时间增加。如今，单个网站中的页面从几页到几百页不等。不仅如此，一个页面包含数百个元素来创建完整的网站。这在从中获取网站的服务器上造成了巨大的负担。较慢的网站并不是任何Web开发人员的好兆头。测试它也属于UI测试的范畴，并且性能肯定可以提高。

总而言之

简而言之，UI测试要求测试人员对网站进行测试，就像模仿用户的行为一样。结合所有可能性和排列，测试人员需要确保网站与所有元素如预期般无缝运行。

大环境正在朝着UI测试自动化迈进的原因。由于复杂性和项目规模的增加，UI测试自动化的作用在过去几年中已显着提高。

郑重声明：公众号“FunTester”首发，欢迎关注交流，禁止第三方转载。

技术类文章精选

无代码文章精选

来源：oschina

链接：https://my.oschina.net/u/3973795/blog/3224452

标签

网站测试

软件

测试脚本

所谓UI测试