UI自动化之特殊处理三(日期控件\表格\富文本)

日期控件\表格\富文本也是一些常遇到的需要特殊处理的定位

目录

1、日期控件

2、表格

3、富文本

1、日期控件

第一种:输入框属性为:readonly="readonly"

# 去掉元素的 readonly 属性
js =‘document.getElementById("date").removeAttribute("readonly");‘
driver.execute_script(js)
# 用 js 方法输入日期
js_value = ‘document.getElementById("date").value="2018-12-25"‘
driver.execute_script(js_value)

方法二:手动去除输入框中内容,然后再输入
driver.find_element_by_id("date").clear()
driver.find_element_by_id("date").send_keys("2018-12-25")

 第二种:无readonly输入,可直接输入

2、表格

对于表格的定位,可以使用xpath

.//*[@id=‘myTable‘]/tbody/tr[2]/td[1]    找到标签名为table的id,然后再依次用tr和td的索引取值

  

3、富文本

富文本的处理需要添加浏览器的配置,然后再进行定位,并输入

第一步:加载火狐浏览器的配置,点击?->故障排除信息->显示文件夹,复制此时的路径加载

#配置路径
profile_directory=r‘c:/路径‘

#加载路径
profile=webdriver.FirefoxProfile(profile_directory)
#启动浏览器配置
driver=webdriver.Firefox(frofile)

第二步:定位到富文本框上

第三步:输入,若输入无反应,需先输入一个tab键,再输入

driver.find_element_by_id("tinymce").send_keys(keys_TAB)

  

原文地址:https://www.cnblogs.com/weizhideweilai/p/9643883.html

时间: 2024-09-30 06:33:29

UI自动化之特殊处理三(日期控件\表格\富文本)的相关文章

[原创] Web UI 自动化日期控件的处理

序 在构建自动化套件的过程中,日期操作是一件很重要也很频繁的事情.有的日期控件的div层级结构复杂,同一个类型的日期控件在多个子系统中的表现形式也大相径庭.多数工程师为了避免重复的工作,会封装抽象一个方法或公共的库,还有部分会封装成单独的日期类库. 控件 下面是去啊的日期控件 下面是相关的HTML 当然,有的日期控件元素的id为对应的日期. 代码逻辑 针对这种双日期的格式,我们如何在代码中进行处理输入? 1.      输入目标日期. 2.      判断目标日期与当前日期的差值 -      

玩转Kendo UI:日期控件DatePicker(一)

---恢复内容开始--- 前言 因为工作原因,近来接触Kendo UI比较多,这期间利用它实现了一些功能,也遇到了一些坑,国内对于这个产品的介绍也不多,所以打算写一些文章,介绍一下Kendo UI,顺便记录下自己实现某些方案时遇到的问题及解决方案. Kendo UI 简介 Kendo UI是Progress软件公司旗下的一款UI工具包产品,具有灵活性强.控件丰富.功能强大等特点.目前工具包有支持jQuery.Angular.React.Vue等版本.由博主工作上只接触了jQuery版本,所以写文

selenium webdriver自动化对日期控件的处理

用JS去掉日期输入框的readOnly属性. 代码如下: ------------------------------------------------------------------------------------- String js="document.getElementById('dateTimeId').removeAttribute('readOnly');document.getElementById('dateTimeId').setAttribute('value'

【vue开发问题-解决方法】(二)element UI日期控件失效

问题:在vue项目中使用elementUI,使用日期控件的时候出现错误 而正常情况下,点击日期控件会出现以下面板: 查看代码:与elementUI官网中的代码一致,绑定的数据也都是data:''形式 然后又看了控制台输出的错误信息:堆栈溢出 网上查看这些信息都是js问题,但是vue的js和elementUI的js都是压缩版不能调试,因为vue和elementUI都是使用CDN引入的,所以猜想是否是elementUI的CDN引入文件错误,改用官网的网络链接,也没用.突发奇想将elementUI引入

jquery日期控件使用,起止时间

1.下载jQuery核心文件,datepicker是轻量级插件,只需jQuery的min版本就行了,然后到官网http://jqueryui.com/download下载jquery-ui压缩包(可以选择喜欢的theme),里面就包含对datepicker的支持,当然您也可以网站http://marcgrabanski.com/pages/code/jquery-ui-datepicker下载datepicker,包括ui.core.js和ui.datepicker.js. 2.在HTML中引用

Jquery 日期控件

JQuery(2)  版权声明:本文为博主原创文章,未经博主允许不得转载. JQuery是一款非常优秀的脚本框架,其丰富的控件使用起来也非常简单,配置非常灵活.下面做一个使用日期插件datapicker的例子. 1.下载jQuery核心文件就不用说了吧,datepicker是轻量级插件,只需jQuery的min版本就行了,然后到官网http://jqueryui.com/download下载jquery-ui压缩包(可以选择喜欢的theme),里面就包含对datepicker的支持,当然您也可以

JQueryUI的datepicker日期控件

在输入日期的时候我们经常需要日期控件,jQueryUI的datapicker就是一个很好的日期控件. 1.简单的datepicker控件 目录结构:(要将images图片放到css目录下面) 代码: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI 日期选择器(Datepicker) - 限制日期范

ux.form.field.GridDate 支持快速选择日期的日期控件

效果如图,亲测6.2.1版本可用 1 /** 2 *支持快速选择日期的日期控件 3 */ 4 Ext.define('ux.form.field.GridDate', { 5 extend: 'Ext.form.field.Date', 6 alias: 'widget.gridDateField', 7 requires: ['ux.picker.GridDate'], 8 pickerGrid: { 9 store: { 10 //默认配置 11 data: [{ 12 value: 30,

js 常用日期控件使用

一.My97DatePicker 当前最新版本: 4.8 官网:http://www.my97.net/ csdn下载地址: http://download.csdn.net/detail/czw2010/8585183 1. 使用说明: My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除(4.8以后不存在此文件) 各目录及文件的用途: WdatePicker.js 配置文件,在调用的