UI自动化小结：通过visibility属性处理动态显示的元素

编写自动化程序时遇到以下需求：

删除评论列表中一条指定的评论，删除按钮默认不可见，鼠标停留在评论上面时删除按钮可见并可点击。

a)默认状态“删除”不可见 

b)鼠标停止在“文字内容”等元素上，“删除”可见并可点击

 

起初已经 实现可以删除评论 的功能，但是只能按列表从上往下逐个删除，做不到删除指定某条。后经多次尝试，找到了处理方法。

元素"删除"的html代码是 <a class="s-fc2 itag" href="#" style="visibility:  hidden; ">删除</a>

当鼠标停留在其所处的区域时，代码变成 <a class="s-fc2 itag" href="#" style="visibility:  visible; ">删除</a>

所以，先鼠标hover在指定的评论内容上（此时“删除”出现），然后点击删除。

代码如下：

be.mouseOver("//span[@class='bcmtlstf s-fc4 itag'  and (text()='" + sComment + "')]");

be.click("//a[ contains(@style,'visibility: visible') and (text()='删除')]");