如何自动测试网页中的元素是否按预期呈现

时间:2014-01-28 07:02:24

标签: javascript jquery html css ui-automation

我是测试javascript框架的新手。我想自动测试几个网页。快速浏览文档页面,如casperjs,qunitjs等。我可以检查具有给定id或类的元素是否在网页中。但是如何测试元素是否按预期呈现。

例如

  1. 如何检查元素是否显示在所有其他元素的顶部。

  2. 如何检查元素相对于其他元素的位置。例如,让我们采取一个上下文菜单。右键单击必须在鼠标指针的位置打开上下文菜单..如果没有足够的空间容纳整个上下文菜单,则必须根据可以容纳的位置向左或向右或向上或向下移动。如果我编写这样的contextmenu库,如何自动测试所有这些东西。

1 个答案:

答案 0 :(得分:0)

我能猜到的唯一方法是手动编写一些javascript / jquery测试检查你要测试的元素。也许类似于if .hassClass或获取z-index值等(包括您想要跟踪的所有可能情况)并将检查存储在控制台或任何其他按摩中