UI自动化测试之JavaScript

2022-07-01 20:36:52 阅读：184 来源： 互联网

标签：控件 webdriver import JavaScript driver content UI 自动化 sleep

在UI的自动化测试中，需要使用JS来处理一些特殊的交互，比如针对浏览器的滑动操作，针对富文本的特殊处理，和针对只读属性的时间控件的处理。

下面通过实际的案例来演示具体应用：

一、浏览器的滑动

浏览器的滑动主要分为浏览器的向上和向下，以百度搜索引擎为例，搜索关键字后，想点击下一步的操作，但是下一步无法展示出来，就需要把页面滑动到底部才可以展示出来。下面通过实际的案例来演示下具体应用，案例代码如下：

from selenium import  webdriver
import  time as t

driver=webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(30)
driver.get('http://www.baidu.com')
driver.find_element_by_id('kw').send_keys('Selenium3')
driver.find_element_by_id('su').click()
t.sleep(3)
#浏览器滑动到底部
down="var q=document.documentElement.scrollTop=10000"
driver.execute_script(down)
t.sleep(3)
#点击下一页
driver.find_element_by_link_text('下一页 >').click()
t.sleep(3)
#浏览器滑动到顶部
up="var q=document.documentElement.scrollTop=0"
driver.execute_script(up)
t.sleep(3)
driver.quit()

二、富文本的处理

现在互联网的产品基本都会使用到富文本的信息，针对富文本的特性，有两个思路来实现元素的定位方式，一种是iframe的思路，另外一种是JS的方式。

下面具体显示富文本的信息：

from selenium import  webdriver
import  time as t


def richText(driver,content):
    '''
    实现在富文本里面输入内容
    :param driver: webdriver实例化后的对象信息
    :param content: 富文本里面需要输入的文字内容
    :return: 
    '''
    js="document.getElementById('ueditor_0').contentWindow.document.body.innerHTML='{0}'".format(content)
    driver.execute_script(js)

driver=webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(30)
driver.get('https://uutool.cn/ueditor/')
t.sleep(3)
richText(
    driver=driver,
    content='UI自动化测试')
t.sleep(5)
driver.quit()

使用iframe的定位方式来实现，就是常规的来定位元素的属性，具体涉及到的代码内容如下：

from selenium import  webdriver
import  time as t



driver=webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(30)
driver.get('https://uutool.cn/ueditor/')
t.sleep(2)
driver.switch_to.frame('ueditor_0')
t.sleep(3)
driver.find_element_by_xpath('/html/body/p').send_keys('UI自动化测试')
t.sleep(5)
driver.quit()

三、时间控件

下面具体来看时间控件的处理，时间控件很多时候是只读属性，具体见如下的HTML的代码：

在如上的代码中可以很清晰的看到它是只读属性，那么我们需要填写时间的属性，具体解决问题的步骤为：

取消时间控件的只读属性
取消只读属性后，操作input控件的value，其实我们知道input里面输入的内容最终是在value的属性里面。

下面通过具体的代码来实现这部分，实现在时间控件中填写我们想选择的时间，具体实现的代码为：

from selenium import  webdriver
import  time as t


def startTime(driver,content):
    '''开始时间控件'''
    js="$(\"input[placeholder='开始时间≥当前时间']\").removeAttr('readonly');" \
       "$(\"input[placeholder='开始时间≥当前时间']\").attr('value','{0}')".format(content)
    driver.execute_script(js)

def endTime(driver,content):
    '''结束时间控件'''
    js="$(\"input[placeholder='结束时间>开始时间']\").removeAttr('readonly');" \
       "$(\"input[placeholder='结束时间>开始时间']\").attr('value','{0}')".format(content)
    driver.execute_script(js)

driver=webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(30)
driver.get('file:///Applications/code/Yun/testDevelop/ui%E6%B5%8B%E8%AF%95/JS%E5%A4%84%E7%90%86/Time/index.html')
t.sleep(3)
startTime(driver=driver,content='2021-01-01 00:00:00')
t.sleep(3)
endTime(driver=driver,content='2021-01-05 00:00:00')
t.sleep(5)
driver.quit()

标签：控件,webdriver,import,JavaScript,driver,content,UI,自动化,sleep
来源： https://www.cnblogs.com/wrwangrong/p/16435859.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

UI自动化测试之JavaScript

一、浏览器的滑动

二、富文本的处理

三、时间控件