输入框必填提示定位技巧

现象

    如图所示：

    做web自动化的时候经常会遇到对必填项的校验，而其中一种必填项是鼠标高亮或者取消高亮的时候会在旁边出现tips框，框内书写一些提示性的文字，定位的时候在开发工具中该节点很难查看，鼠标稍微有所动作这个节点就消失了，眼神好的最多看到最上层的节点，无法深入定位，下来就介绍一种定位这种节点的方法。

工具

    介绍的方法是以robotframework为例，其他使用代码运行自动化脚本的原理相同。浏览器使用的是chrome。

原理

    简单来讲就是在出现该节点的时候把当前状态的全部节点均打印出来，然后另存到静态网页文件中，再使用其来进行定位即可。

步骤

    首先，在robotframework中创建脚本，使得走到出现该提示后使用Page Should Contain Element一个错误的节点，使得脚本运行错误。

    

然后，运行脚本，待脚本报错，然后观察日志的打印，日志会将当前状态全部节点均打印出来。

再然后，复制日志中的html文本到一个空白的html文件中。

最后，使用浏览器打开该文件，找到已知的提示框的最顶上节点，然后就可以展开该节点查看子节点的详细内容。