`

selenium访问块元素的样式属性

阅读更多

http://blog.chinaunix.net/u/13637/showart_1332752.html

(最近在用selenium测试,现在要测试一下样式,苦于不知道怎么测,终于找到了一篇文章,先转载过来看下再说,好了留下,不好了删了)

selenium在ui测试中应用很普遍,对简单的website界面墨盒测试使用记录和回放就能满足要求了,但对一些较复杂的操作比较和验证就相对较难些。因为中文资料不多,英文资料也比较抽象。所以使用它来测试要看的东西也很多。
  这次主要遇到一个问题,让验证当前选中的div块背景为blue.
   <div id="app-info-item" class="selected-item">xxx</div>
  
   bases-view.css
     .selected-item {
        background-color: #6CA3D1;
    }
  
要验证div id="app-info-item">块的背景色为#6CA3D1;就需要用javascript调用块的样式属性。使用方法为:insert new command:rgb(108, 163, 209)

command:  verifyExpression
target :
javascript{ selenium. browserbot. getCurrentWindow( ) . getComputedStyle( this. page( ) . findElement( "xpath=//div[@id='app-info-item']" ) , '' ) . getPropertyValue( 'background-color' ) . toLowerCase( ) }
value : #6CA3D1
 

sdfasdf

在side中执行这个command,说rgb(108, 163, 209)与#6CA3D1不同,验证失败。驱g上网,发现原来这段javascript代码在firefox中生成的颜色表示是rgb(x,y,z);在ie中是#xxxx形式。使用firefox的colorzilla插件,获取这个颜色的rgb表示。

要注意的是,如果在style中使用复合值的话,要分开来取值。
继续上面的例子。
   <div id="header"></div>
  
   bases-view.css
   #div#header{
      background:#578FC0 url(/images/radar-logo.gif) no-repeat scroll 98% center;
   }

  我们在selenium中要检验radar-logo.gif,  或检验#578FC0, 或其他属性,应该怎么写表达式呢?
  呵呵,要写对应的属性名,
  如取背景图像
url(/images/radar-logo.gif),  要使用 getPropertyValue('background-image')
  要取背景颜色
#578FC0,   使用 getPropertyValue('background-color')
  以取图像为例: 注意深红色文本,与上面有所不同,我这样试过,可用。
target:

javascript{ selenium. browserbot. getCurrentWindow( ) . getComputedStyle( this . page ( ) . findElement( 'xpath=//div[@id=\'header\']' ) , '' ) . getPropertyValue( 'background-image' ) }
 

 

分享到:
评论

相关推荐

    selenium操作隐藏的元素(python+Java)

    Selenium 操作隐藏的元素(Python+Java) ...通过使用 JavaScript 代码修改元素的样式,我们可以使隐藏的元素可见,从而能够使用 Selenium 操作这些元素。希望本文能够对大家的学习和工作提供一定的参考价值。

    selenium如何定位元素位置

    3. **CSS选择器定位**:CSS选择器允许你通过元素的CSS样式属性来定位,比如`driver.findElement(By.cssSelector("input#someId"))`也是找到ID为'someId'的input元素,但这种方法更加灵活,可以处理更复杂的选择条件...

    selenium之元素定位

    selenium之元素定位,共八种定位方法,以百度搜索框为例子进行讲解

    Selenium八种定位元素

    ### Selenium八种定位元素详解 #### 一、引言 Selenium是一款强大的自动化测试工具,广泛应用于Web应用的测试工作中。在使用Selenium进行自动化测试的过程中,定位网页元素是核心任务之一。Selenium提供了多种定位...

    基于Python的selenium操作:判断元素是否存在+判断元素是否可以点击.zip

    请注意,即使元素显示为不可见(如设置`style="display:none"`),`is_displayed()`也可能返回True,因为它只检查元素在CSS样式中的可见性,而不考虑实际的屏幕展示。因此,在某些情况下,可能需要进一步检查元素的...

    selenium元素定位

    CSS选择器是另一种在Selenium中进行元素定位的方式,使用CSS选择器能够通过元素的样式信息来精确定位元素。例如: ```java WebElement element = driver.findElement(By.cssSelector("input#username")); ``` 使用...

    Python+selenium 获取一组元素属性值的实例

    本文讲解了使用Python语言结合Selenium库来获取网页中一组元素的属性值的具体操作方法。Python是一种广泛使用的高级编程语言,非常适合于数据处理和自动化脚本编写。Selenium则是一个用于自动化Web应用程序测试的...

    WebSelenium_页面和元素封装

    "WebSelenium_页面和元素封装"这个主题着重讨论的是如何在Selenium测试框架中有效地管理和操作网页的各个元素,以及如何通过页面对象模型(Page Object Model)进行代码的封装和维护。 页面对象模型是一种设计模式...

    Java开发案例-springboot-44-整合Selenium访问百度-源代码+文档.rar

    Java开发案例-springboot-44-整合Selenium访问百度-源代码+文档.rar Java开发案例-springboot-44-整合Selenium访问百度-源代码+文档.rar Java开发案例-springboot-44-整合Selenium访问百度-源代码+文档.rar Java开发...

    selenium对flex程序的自动化测试.docx

    Selenium 对 Flex 程序的自动化测试 Selenium 是一个自动化测试工具,它可以模拟用户的行为来测试 Web 应用程序。Flex 是一种基于 XML 的开发语言,用于构建 Rich Internet Applications(RIA)。在这篇文章中,...

    SeleniumIDE与元素定位

    - **步骤**:在 Firefox 浏览器中访问“附加组件”商店,搜索并安装 Selenium IDE 插件。 - **推荐辅助工具**:为了更好地使用 Selenium IDE,推荐安装 FireFinder、FirePath、XPath Finder、XPath Checker 和 ...

    python爬虫 使用selenium 实现中英互译

    在编写Selenium脚本时,你会学习到如何定位网页元素,例如输入框(用于输入待翻译的文本)和按钮(用于触发翻译)。这通常涉及到CSS选择器、XPath或其它定位策略。接着,你需要模拟用户行为,如输入文本,找到并点击...

    selenium selenium selenium selenium selenium selenium selenium selenium

    selenium selenium selenium selenium selenium selenium selenium selenium selenium selenium selenium selenium selenium selenium

    Python学习-selenium-网页元素定位作业练习一附件

    https://blog.csdn.net/Dolphin202006/article/details/109439635 博客附件

    Selenium:Selenium定位元素策略详解.docx

    Selenium:Selenium定位元素策略详解.docx

    Selenium WebDriver中使用By.Xpath快速定位页面元素

    在 Selenium WebDriver 中使用 By.Xpath 快速定位页面元素可以实现多属性定位一个元素。例如,在登录页面密码框定位中,可以使用 By.Xpath 来定位密码框,然后进行清空和输入密码操作。 使用 By.Xpath 定位页面元素...

    Selenium

    1. **下载 Selenium**:访问官方网站 [http://www.openqa.org/selenium/](http://www.openqa.org/selenium/) 下载 Selenium-RC 的版本。 2. **学习 XPath**:XPath 是一种用于查找 XML 文档中信息的语言。由于在许多...

    python selenium 查找隐藏元素 自动播放视频功能

    这些元素往往存在于网页的DOM树中,但它们的CSS样式被设置为`display:none`或者它们的父元素设置了类似的隐藏属性,导致这些元素在页面上不可见。对于这种情况,我们可以通过Selenium提供的方法来查找并操作这些隐藏...

Global site tag (gtag.js) - Google Analytics