码迷,mamicode.com
首页 > Web开发 > 详细

21.获取测试对象的css属性

时间:2018-06-12 16:09:34      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:dna   测试   sync   文件   html   lib   sele   code   driver   

场景

当你的测试用例纠结细枝末节的时候,你就需要通过判断元素的css属性来验证你的操作是否达到了预期的效果。比如你可以通过判断页面上的标题字号以字体来验证页面的显示是否符合预期。当然,这个是强烈不推荐的。因为页面上最不稳定的就是css了,css变动频繁,而且通过属性也不能直观的判断页面的显示效果,还不如让人为的去看一眼,大问题一望即知。

下面的代码演示了如何获取测试对象的css属性。

css.html

    <html>
        <head>
            <meta http-equiv="content-type" content="text/html;charset=utf-8" />
            <title>attribute</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>attribute</h3>
            <div class="row-fluid">
                <div class="span6">        
                    <a id="tooltip" href="#" data-toggle="tooltip" title="watir-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>

注:css.html和test.py放在同一个文件夹下

 

创建test.py输入一下代码

from selenium import webdriver
from time import sleep
import os

dr = webdriver.Chrome()
file_path = file:/// + os.path.abspath(css.html)
dr.get(file_path)
sleep(1)

link = dr.find_element_by_id(tooltip)
print(color is : + link.value_of_css_property(color))
print(font is : + dr.find_element_by_tag_name(h3).value_of_css_property(font))

sleep(1)
dr.quit()

 

21.获取测试对象的css属性

标签:dna   测试   sync   文件   html   lib   sele   code   driver   

原文地址:https://www.cnblogs.com/luoshuifusheng/p/9173031.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!