添加链接 注册    登录
link之家
链接快照平台
  • 输入网页链接，自动生成快照
  • 标签化管理网页链接
相关文章推荐
谦和的猕猴桃  ·  使用探针对容器进行健康检查_弹性容器实例(E ...·  7 月前    · 
无邪的硬盘  ·  全网最简约的Anaconda+Python3 ...·  9 月前    · 
粗眉毛的铁板烧  ·  如何在不刷新整个页面的情况下刷新React组件？·  1 年前    · 
严肃的枕头  ·  vba返回值是一个字典，怎么接收和返回呢？- ...·  1 年前    · 
飞翔的大蒜  ·  python实现PCD文件中点云数据存储类型 ...·  1 年前    · 
link之家  ›  Selenium系列教程 - 调用JavaScript
javascript js代码 selenium 自动化测试
https://juejin.cn/post/7028451063854268423
深沉的小熊猫
1 年前
. attr ( "属性" ) ------------------------------------------------------------ /*jq获取属性示例代码*/ var temp = $( '.test1' ). attr ( 'class' ); /*js获取属性示例代码*/ var temp = document . getElementById ( 'test1' ). getAttribute ( 'data' );

b. 设置元素的属性 

//原生js
.setAttribute("属性","值")
//jquery
.attr("属性","值")
------------------------------------------------------------
/*jq设置属性示例代码*/
    var temp2= $('.test2').attr('class','test-spe');
/*js设置属性示例代码*/
    var temp2= document.getElementById('test2').setAttribute('data','self-name-2');

c. 删除元素的属性


//原生js
.removeAttribute("属性")
//jquery
.removeAttr("属性")
------------------------------------------------------------
/*jq删除属性示例代码*/
      var temp = $('.test1').removeAttr('data');
/*js删除属性示例代码*/
      var temp = document.getElementById('test1').removeAttribute('data');

d. 点击元素


//原生js、jquery
click()
------------------------------------------------------------
/*jq点击元素示例代码*/
      $('.test1').click();
/*js点击元素示例代码*/
      document.getElementById('test1').click();

2. Selenium如何执行JavaScript


    在selenium中，为我们提供了execute_script()方法，可在浏览器中执行一段JavaScript代码。调用如下：


driver.execute_script(script, *args)

第一种方法：


    直接通过执行JavaScript（如后面的 js1、js2）。


第二种方法：


    可以通过selenium定位元素来执行JavaScript的脚本（如后面的js3、js4）。


  • 通过selenium定位百度输入框
    • 

    search_box = driver.find_element_by_id("kw")

  • 把search_box传入JavaScript语句
    • 

    js4 = "arguments[0].removeAttribute(arguments[1])"
driver.execute_script(js4, search_box, "style")

    注：arguments 指的是 execute_script() 方法中 js 代码后面的所有参数，arguments[0] 表示第一个参数，argument[1] 表示第二个参数。
    

    实例代码：（百度搜索框增加红色边框）
    

    from selenium import webdriver
import time
driver = webdriver.Chrome()
try:
    driver.maximize_window()
    driver.get("http://www.baidu.com/")
    driver.implicitly_wait(10)
    # 增加红色边框
    js1 = "document.getElementById('kw').setAttribute('style','border:3px solid red');"
    driver.execute_script(js1)  # 调用js方法
    time.sleep(2)
    # 去掉红色边框
    js2 = "document.getElementById('kw').removeAttribute('style');"
    driver.execute_script(js2)
    time.sleep(2)
    # 增加红色边框
    search_box = driver.find_element_by_id("kw")
    js3 = "arguments[0].setAttribute('style','border:3px solid red')"
    driver.execute_script(js3, search_box)
    time.sleep(2)
    # 去掉红色边框
    js4 = "arguments[0].removeAttribute(arguments[1])"
    driver.execute_script(js4, search_box, "style")
    time.sleep(2)
finally:
    driver.quit()

    3. 应用场景
    

    a. 日期控件
    

        在写自动化脚本时会发现时间日期控件各种各样，如果一个个想着怎么去选择，可能你会疯掉！
    
那么该怎么办呢？
    
其实很简单，我们可以把它当成一个普通的input框来处理！但是，很多此类型的input框都是禁止手动输入的，这时候我们就可以用js把禁止输入的readonly属性干掉就好了。
    

    # 原生js，移除属性
js = "document.getElementById('train_date').removeAttribute('readonly')"
# jQuery，移除属性
js = "$('input[id=train_date]').removeAttr('readonly')"
# jQuery，设置为false
js = "$('input[id=train_date]').attr('readonly',false)"
# jQuery，设置为null,同上
js = "$('input[id=train_date]').attr('readonly',null)"

    b. 滚动视图
    

        有些时候我们需要滚动视图，比如我们需要为界面进行截屏操作。页面如果太长的话，我们的截屏默认截取的为可视部分，未显示的部分就会截不到。另外，在注册时法律条文的阅读，判断用户是否阅读完成的标准是：滚动条是否拉到最下方。这时，我们同样可以执行JavasScript的方法来实现。
    

    # 将页面滚动条拖到底部
js = "document.documentElement.scrollTop=100000"
# 将页面滚动条拖到顶部
js = "document.documentElement.scrollTop=0"

    c. 输入文本
    

        此方法主要应对输入框自动补全以及 readonly 属性的 input（send_keys 不稳定）；或者向副文本框输入内容（老版本的副文本不能用send_keys发送文本）。
    

    # 原生js
js = "document.getElementById('kw').value='hwijew'"
# jQuery
js = "$('#kw').val('hwijew')"

    在这里插入图片描述
      
    分类：




    

         代码人生
     
      
       
    相关推荐
     
  •   
        keith
        Selenium
      
     
        使用JavaScript+Selenium玩转Web应用自动化测试
     
    在软件开发过程中, 测试是功能验收的必要过程, 这个过程往往有测试人员参与, 提前编写测试用例, 然后再手动对测试用例进行测试, 测试用例都通过之后则可以认为该功能通过验收. 但是软件中多个功能之间往往存在关联或依赖关系, 某一个功能的新增或修改可能或影响到其它的功能, 这时就…
     
    •  4621
      •  
     
        体验一下 Go Selenium | Go主题月
     
    写爬虫的朋友一定了解过浏览器自动化，比如 Selenium 或者 Puppeteer，这其中我用的比较多的是 Selenium，Selenium 是一个用于 Web 应用程序测试的工具。
     
    •  2.8w
      •  
     
        自动化测试selenium在小公司的成功实践
     
    可能提到自动化测试selenium，大家都会想到用python语言来编写脚本。但我们选择了java语言，因为我相信大部分公司java程序员比python程序员多得多。而对于很多测试人员，并不能熟练使用编程语言，所以他们需要别人指导。与其使用更简单的python语言，却看不懂语法…
     
    •  2.3w
      •  
     
        Selenium的安装与Firefox配置以及Selenium基本用法(超详细)
     
    Selenium 是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。支持的浏览器包括IE（7, 8, 9, 10, 11），Mozilla Firefox，Safari，Google Chrome，Opera等。这个工具的主要…
     
    •  8482
      •  
     
        这一次，彻底弄懂 JavaScript 执行机制
     
    本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程…
     
    •  31.3w
      •  
     
        由浅入深，66条JavaScript面试知识点
     
    我只想面个CV工程师，面试官偏偏让我挑战造火箭工程师，加上今年这个情况更是前后两男，但再难苟且的生活还要继续，饭碗还是要继续找的。在最近的面试中我一直在总结，每次面试回来也都会复盘，下面是我这几天遇到的面试知识点。但今天主题是标题所写的66条JavaScript知识点，由浅入深…
     
    •  28.3w
      •  
     
        Python - 爬虫之Selenium
     
    一、Selenium 的介绍 Selenium 是一个 Web 自动化测试工具，最初是为网站自动化测试而开发，Selenium 可以直接调用浏览器，它支持所有主流的浏览器（包括 PhantomJS 这
     
    •  4883
      •  
     
        「2021」高频前端面试题汇总之JavaScript篇（上）
     
    2021 高频前端面试题汇总之JavaScript篇，前端面试题汇总系列文章的JavaScript篇，长期更新，欢迎收藏、点赞！
     
    •  49.1w
      •  
     
        Selenium必备知识
     
    这是我参与11月更文挑战的第11天，活动详情查看：2021最后一次更文挑战 Selenium必备知识 浏览器窗口最大化 maximize_window()函数可将模拟浏览器窗口最大化 XPath法定位
     
    •  1585
      •  
     
        为什么puppeteer比selenium好?
     
    在今年年初，我在公司使用Selenium编写客户端测试。对于那些主要使用Scala编写的开发人员来说，这是很好的事。问题在于学习Scala和Selenium是开发人员编写端到端测试的高标准。我们有很多开发人员几乎都是用TypeScript编写的。作为Scala的新手，对新功能进…
     
    •  6015
      •  
     
         Selenium使用总结（Java版本）
     
    近期开发使用Selenium比较多，因为之前没用过，趟了太多坑，在此记录一下1.环境配置配置要点：1.webdriver要和浏览器版本对应，chrome使用chromedriver和chrome浏览器
     
    •  7592
      •  
     
        只会用Selenium爬网页？Appium爬App了解一下
     
    Appium是一个跨平台移动端自动化测试工具，可以非常便捷地为iOS和Android平台创建自动化测试用例。它可以模拟App内部的各种操作，如点击、滑动、文本输入等，只要我们手工操作的动作Appium都可以完成。在前面我们了解过Selenium，它是一个网页端的自动化测试工具。…
     
    •  1.6w
      •  
     
        如何用Selenium获取JavaScript中的属性数据 
     
    如何用Selenium获取JavaScript中的属性数据 在执行Selenium测试自动化时，你会遇到许多需要验证WebElements属性和值的场景。例如，你可能需要在自动化测试代码中获得元素的文
     
    •  1254
      •  
     
        JS 万字总结  重量级干货！！！
     
    表达式进一步转换成0==0，结果为true。 虽然过程复杂，记住判断的思路即可，非对象之间，先类型转换再比大小，对象比较则调用获取原始值方法再进一步比较。 接下来是判断2种特殊类型Set和Map，由于这2种类型的拷贝方式不同，进一步通过if分支对其判断，遍历里边所存放的值，Se…
     
    •  10.4w
      •  
     
        WebDriver+Selenium实现浏览器自动化
     
    前言 Selenium是一款可以自动化操作浏览器的开源项目，最初的目的是浏览器功能的自动化测试，但是随着项目的发展，人们根据它的特性也用来做一些更多的有意思的功能而不仅仅是UI的自动化测试工具。就像S
     
    •  4746
      •   
     WebDriver+Selenium实现浏览器自动化
      
     
    •  
    友情链接：
     
    推荐文章
    谦和的猕猴桃  ·  使用探针对容器进行健康检查_弹性容器实例(ECI)-阿里云帮助中心
    7 月前
    无邪的硬盘  ·  全网最简约的Anaconda+Python3.7安装教程Win10（百分百成功）-阿里云开发者社区
    9 月前
    粗眉毛的铁板烧  ·  如何在不刷新整个页面的情况下刷新React组件？
    1 年前
    严肃的枕头  ·  vba返回值是一个字典，怎么接收和返回呢？-其他-CSDN问答
    1 年前
    飞翔的大蒜  ·  python实现PCD文件中点云数据存储类型ascii与binary的格式转换_二进制和ascii的pcd文件_Amelie_xiao的博客-CSDN博客
    1 年前
    今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
    删除内容请联系邮箱 2879853325@qq.com
    link之家 - 链接快照平台
    © 2024 ~ 沪ICP备11025650号