webdriver API（5）判断页面元素是否可见

63 阅读 0 评论 42 点赞

我是靠谱客的博主健康宝贝，最近开发中收集的这篇文章主要介绍webdriver API（5）判断页面元素是否可见，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

首先，用于测试的HTML代码
由于浏览器兼容问题，代码可能需要自行调试

<html>
<head>
<title>HTML中显示与隐藏元素</title>
<mate http-equiv="Content-Type"content="text/html;charset=utf-8"/>
<script type="text/javascript">
	function showAndHidden1(){
		var div1=document.getElementById("div1");
		var div2=document.getElementById("div2");
		if (div1.style.display=='block')div1.style.display='none';
 else div1.style.display='block';
		if (div2.style.display=='block')div2.style.display='none';
		else div2.style.display='block';
	}
	function showAndHidden2(){
	  var div3=document.getElementById("div3");
  var div4=document.getElementById("div4");
		if (div3.style.visibility=='visible')div3.style.visibility='hidden';
		else div3.style.visibility='visible';
		if (div4.style.visibility=='visible')div4.style.visibility='hidden';
		else div4.style.visibility='visible';
	
	}
</script>
</head>
<body>
	<div>display:元素不占用页面位置</div>
	<div id ="div1"style="display:block;">DIV 1</div>
	<div id ="div2"style="display:none;">DIV 2</div>
	<input id="button1"type="button"onclick="showAndHidden1();"value="DIV切换"/>
	<hr>
	<div>visibility:元素占用页面位置</div>
	<div id ="div3"style="visibility:visible;">DIV3</div>
	<div id ="div4"style="visibility:hidden;">DIV4</div>
	<input id="button2"type="button"onclick="showAndHidden2();"value="DIV切换"/>
	
</body>

</html>

调用API 的实例代码

#encoding=utf-8
from selenium import webdriver
import unittest
class VisitByFirefox(unittest.TestCase):
    def setUp(self):
        self.driver = webdriver.Firefox(executable_path="f:\geckodriver")
#         self.driver = webdriver.Ie(executable_path="D:\python\IEDriverServer")
    def test_getWebElementIsDisplayed(self):
        url = "file:///f:test3.html"
#         url = "http://www.baidu.com/"
        self.driver.get(url)
        div2 = self.driver.find_element_by_id("div2")
        print(div2.is_displayed())
        self.driver.find_element_by_id("button1").click()
        print(div2.is_displayed())
        div4 = self.driver.find_element_by_id("div4")
        print(div4.is_displayed())
        self.driver.find_element_by_id("button2").click()
        print(div4.is_displayed())
#     def tearDown(self):
#         self.driver.quit()
if __name__ == '__main__':
    unittest.main()

这里比较有难度的是不同浏览器的路径问题，实例用的是火狐