robotframework中execute JavaScript常用总结

矫情吗；* 2022-05-31 01:08 314阅读 0赞

一、robotframework中execute JavaScript的使用

${value}  Execute Javascript  js语句

二、常用js语句总结  
（1）常用查找元素方法

document.getElementsByClassName("classname")
    document.getElementsByTagName("tagname")
    document.getElementsByClassName("classname")[0].children[0]

（2）返回某元素个数

${num}    Execute Javascript    return document.getElementsByClassName("code")[1].getElementsByTagName("tr").length

（3）返回某元素标签

${value}    Execute Javascript    return document.getElementsByClassName("classname")[0].children[1].textContent

（4）返回子元素个数

${num}    Execute Javascript    return document.getElementsByClassName("classname")[0].children[0].childElementCount

（5）返回元素rgb值

return window.getComputedStyle(document.getElementsByClassName("detailOuter")[1].getElementsByTagName("tr")[${i}].children[${j}], "").color

（6）将元素显示到页面

arguments[0].scrollIntoView();
    arguments[0].scrollIntoView(true);  #注意是小写，元素顶端与窗口顶部对齐
    arguments[0].scrollIntoView(false);  #注意是小写，元素低端与当前窗口底部对齐

(7) 滑动页面到顶端、低端、指定位置

window.scrollTo(0, 0)   #页面滑动到顶端
    window.scrollTo(0, document.body.scrollHeight)   #页面滑动到底端
    window.scrollTo(0, 1600)    #页面滑动到纵坐标1600位置

(8) 点击元素（若执行用例过程中出现元素click interrupted，元素不可点击的报错，用这个方法会很稳定）

arguments[0].click()

(9)对获取到的文字进行处理，去除首尾空格(trim())，替换换行符(replace(/\\s/g,’’)表示全局将所有特殊字符替换为’’)，split(’/’)可以用split分割返回数组

document.getElementsByClassName("classname")[0].trim().replace(/\s/g,'').split('/')

（10）获取浏览器可见区域高度、宽度

document.documentElement.clientWidth ==> 可见区域宽度
    document.documentElement.clientHeight ==> 可见区域高度