zoukankan      html  css  js  c++  java
  • Cypress-自动化测试-获取元素过程中遇到的问题及解决方法

    1、input标签类型为number在chrome浏览器中无法写入元素的值

    <input type=number,id='hr'.......>向这个元素中写入数据的时候,使用cy.get('#hr').type()的方式,在chrome浏览器下写入失败,使用electron浏览器运行可以运行成功,发现是chrome浏览器的bug。

    解决方法:使用setAttruibute方法,改变元素的类型,再写入数据。

    具体方法:cy.get('#hr').then((e1)=>{

      el.setAttriubute('type','text')

    }).type('值')

    2、input标签属性为readonly时写入数据

    <input type=text,id='hr',readonly.......>向这个元素中写入数据的时候,可以先删除元素readonly再写入

    解决方法:使用removeAttr()方法,改变元素的类型,再写入数据。

    具体方法:cy.get('#hr').then((e1)=>{el.removeAttr('readonly')}).type('值')

    3、界面元素遮挡的情况下如何写入数据

    有时候,我们在界面中输入数据时,例如下拉框正好挡住了要写的输入框,cypress可能就无法找到元素,使用强制输入的方法{force:true}.

    cy.get('#hr').type('值',{force:true}.)

    此方法在点击时也可以使用,click({force:true}).

  • 相关阅读:
    将数据写入Word模版,生成PDF并加水印
    JSPDF 中文乱码
    DataTable 计算列
    ZIP压缩类
    统一社会信用代码验证
    avalon SVG 画流程图
    横线
    验证身份证合法性
    Centos7.3安装Mysql8.0
    MVC全局验证登陆信息
  • 原文地址:https://www.cnblogs.com/memebuguoshixingfu/p/11941770.html
Copyright © 2011-2022 走看看