您的位置:首页 > 编程语言 > Python开发

Python脚本控制的WebDriver 常用操作 <十八> 获取测试对象的css属性

2013-12-15 23:46 726 查看

测试用例场景

  当你的测试用例纠结细枝末节的时候,你就需要通过判断元素的css属性来验证你的操作是否达到了预期的效果。比如你可以通过判断页面上的标题字号以字体来验证页面的显示是否符合预期。当然,这个是强烈不推荐的。因为页面上最不稳定的就是css了,css变动频繁,次方法不常使用

Python脚本

测试用HTML代码:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>CSS</title>
<script type="text/javascript" async="" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function(){
$('#tooltip').tooltip({"placement": "right"});
});
</script>
</head>

<body>
<h3>CSS</h3>
<div class="row-fluid">
<div class="span6">
<a id="tooltip" href="#" data-toggle="tooltip" title="Python-webdriver better than selenium-webdriver">hover to see tooltip</a>
</div>
</div>
</body>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
</html>


测试用Python代码:

# coding=gbk
'''
Created on 2013年12月15日

@author: Administrator
'''

from selenium import webdriver
from time import sleep
import os
if 'HTTP_PROXY' in os.environ: del os.environ['HTTP_PROXY']

dr = webdriver.Firefox()
file_path = 'file:///' + os.path.abspath('css.html')
dr.get(file_path)

test = dr.find_element_by_id('tooltip')

print test.value_of_css_property('font-size')#输出定位的元素字体大小属性

print dr.find_element_by_tag_name('h3').value_of_css_property('color')#输出定位后,颜色属性

sleep(3)
dr.quit()
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: