自动测试Web应用程序UI一致性

Question

我现在正在进行手动Web UI一致性测试，即确保

之类的内容

1. 所有类似的UI元素（例如：table）在整个应用程序中具有相同的样式。
2. 所有类似的项目都出现在同一个地方的屏幕上（例如：点击收件箱时在gmail中发送邮件，第一封邮件应该从屏幕上相同的（x，y）坐标开始）
3. 所有保存按钮都应在同一位置有一个取消按钮，它们的顺序相同。
4. 你得到漂移......

这是一项耗时且容易出错的工作，也是自动化的最佳选择，那么在现实世界中如何进行此类测试呢？您使用哪些工具来自动执行此类测试？我发现有两个问题351975和805910具有相同的精神，但没有一个问题能得到很好的答案。

我在Linux下使用PHP作为开发/部署，我们是Linux商店。

问候，

拉​​吉

Answer 1

关于：

  

  
• 所有类似的UI元素（例如：table）在整个应用程序中具有相同的样式。
  
• 所有保存按钮应在同一位置有一个取消按钮，它们的顺序相同。
  

通过检查页面的源代码，可以做很多事情。

例如，验证所有表使用相同的样式表和/或具有相同的属性。与按钮位置和按钮存在相同。

我已经多次使用jmeter进行此类测试。

关于：

  

  
• 所有类似的项目都出现在屏幕上的同一个地方
  

您需要一种可以捕捉坐标的工具。我相信Selenium是免费的;但任何主要的自动化工具（Rational，QTP等）都会这样做。

Answer 2

我一直在努力使这一过程自动化，并将工作发布为Web Consistency Testing。查看材料是一个很好的起点。