Web UI 自动化日期控件的处理

最新推荐文章于 2025-09-15 10:24:50 发布
原创 最新推荐文章于 2025-09-15 10:24:50 发布 · 1.8k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

在Web UI自动化测试中，日期控件的处理是常见任务，尤其当它们结构复杂时。本文探讨如何应对不同子系统中相似但不完全相同的日期控件，提出一种通用的方法来操作这类控件，包括解析HTML结构，判断日期差值，并实施翻页逻辑，以实现高效自动化测试。

序

在构建自动化套件的过程中，日期操作是一件很重要也很频繁的事情。有的日期控件的div层级结构复杂，同一个类型的日期控件在多个子系统中的表现形式也大相径庭。多数工程师为了避免重复的工作，会封装抽象一个方法或公共的库，还有部分会封装成单独的日期类库。


控件

下面是去啊的日期控件



下面是相关的HTML


当然，有的日期控件元素的id为对应的日期。


代码逻辑

针对这种双日期的格式，我们如何在代码中进行处理输入？

1.      输入目标日期。

2.&nbs

最低0.47元/天 解锁文章
jqueryui 日期控件demo
12-27
详情见: http://blog.youkuaiyun.com/ghyg525/article/details/17612329
jquery日期插件DateTime Picker(支持移动端)
08-07
DateTime Picker是一个基于jQuery的时间选择插件,支持web和移动。用户可以使用+ / -按钮或改变数值或直接到文本框中直接输入. 演示地址：http://www.jq22.com/jquery-info516
Web自动化-Selenium自动化测试-11-日期控件问题
程序员路同学
01-19 1137
对于日历设置 一般的日期控件都是input标签下弹出来的，如果使用webdriver 去设置日期， 1. 定位到该input 2. 使用sendKeys 方法 输入日期值 但是，有的日期控件是readonly的 <input id="train_date" class="inp-txt" type="text" value="2020-01-12" name="back_train_date" autocomplete="off" maxlength="10" readonly="readonly"
Wdatepicker时间控件详解与实战应用
weixin_35761094的博客
09-05 731
Wdatepicker是一款经典的前端日期时间选择控件，广泛应用于各类Web系统中，尤其在企业级管理系统、数据录入界面中表现突出。其核心优势在于轻量级、易集成、功能丰富，支持多种日期格式、多语言配置、时间选择以及动态限制等功能。该控件最早由国人开发者维护，随着Web开发需求的增长，逐渐演进为一个稳定、成熟的开源控件。尽管近年来出现了一些现代框架内置的时间控件（如Vue、React生态中的组件），但Wdatepicker凭借其兼容性强、无需依赖现代框架的特点，仍在众多项目中占有一席之地。
自动化选择下拉框中日期及日期格式转化备忘
qq_25705515的博客
09-13 878
自动化选择下拉框中日期及格式转化备忘（更新…） 工作中酒店管理项目，需要经常办理入住，故写自动化脚本下单。以下是过程中遇到的一些小坑，先MARK起来。 由于插件默认的日期格式是：“2018-9-14”。而使用python的datetime 模块生成日期格式是：“2018-09-14”。 故需要做转化，代码如下： import time import datetime as dt...
[Clicknium-calendar]如何通过自动化对日期选择框设值
Evanxiaobb的博客
07-27 1065
前端日期取值设值是自动化中比较常见的需求。但前端组件库较多，每种框架都有所不同，看看clicknium是如果实现多种前端UI框架中日期相关的操作。
UI自动化弹框提示处理全指南：5类常见弹框+代码实现+HTML可视化
最新发布
m0_58868237的博客
09-15 1116
由前端框架（如Vue/React）开发的弹框，包含HTML结构（可通过F12定位），通常带半透明遮罩层，常见于“确认提交”“表单编辑”场景（如电商下单后的“订单确认”弹窗）。弹框类型处理核心工具API/配置关键注意事项系统弹框（Alert）切换到弹框弹框存在时才能切换，否则抛自定义模态框定位弹框元素+显式等待By.XPATH需等待遮罩层加载/消失，避免点击被拦截Toast提示捕捉“可见”时机，快速校验超时时间设1-2秒，避免错过弹框下载弹框提前配置浏览器，禁用弹窗prefs。
精选资源
基于C#UI Automation自动化测试自动化测试示例工程
08-14
"基于C# UI Automation自动化测试自动化测试示例工程" 是一个使用C#编程语言构建的项目，其核心目标是实现UI（用户界面）自动化测试。UI Automation是.NET Framework提供的一种用于测试Windows应用程序用户界面的...
借鉴ASP.NET的控件模型辅助UI自动化测试
01-31
在敏捷测试中UI的自动化测试（一般我们也称这层测试为功能测试或验收测试，本文单指WebUI的自动化测试）虽然没有单元测试那么广为提及，但因为其与最终用户最近，所以基于用户场景的UI自动化测试还是有其重要的意义...
【基于python实现UI自动化】3.4 JS 处理日历控件（删除 readonly 属性）
枫的等待
02-10 4176
python-UI自动化1.0 selenium工具介绍2.0 selenium环境搭建3.0 selenium常见8大元素定位3.1 selenium通过By定位元素3.2 selenium通过JS定位元素3.3 JS处理浏览器滚动条3.4 JS 处理日历控件（修改 `readonly` 属性）参考代码结尾 1.0 selenium工具介绍 1.0 selenium工具介绍 2.0 selenium环境搭建 2.0 selenium环境搭建 3.0 selenium常见8大元素定位 3.0 seleniu
Web前端-时间日期控件
MinggeQingchun的博客
12-16 4815
而VR关闭
web自动化测试js处理日期控件
一名小测试
03-13 819
– js处理日期控件方法 元素定位中我们会碰到一些日历控件，针对像有readonly这种的我们就可以使用js或者jQuery提供的方法来处理它，当然，如果你jQuery玩的特别好，那元素定对你来说就更是毛毛雨了。 下面以12306网站为栗子： 从截图中可以看到是有raadonly的，readonly去掉后我们就可以使用send_keys进入输入数据操作了。 js写不好，我们可以在浏览器Console控制台下操作，因为有自动补充语句功能过，可以在这边操作完了复制到代码中运行… 我使用了getElemen
web元素定位之------日历控件的定位
weixin_42976139的博客
08-30 1520
一、日历控件本质： 1、input输入标签 2、type是text类型的输入框 3、输入框为readonly类型，手动不能输入的时间，也不能通过send_keys()方法输入 4、删除readonly属性，就可以进行输入。 二、传统方法： 进行多次定位、点击，分贝选择年月日 麻烦、易出错、不稳定 三、新方法： 1、先删除readonly属性 2、想输入框进行send_keys() 但是： sele...
日期控件如何测试
weixin_47804167的博客
01-15 776
例如，在一个旅游行程规划系统中，选择出发日期后，后续的行程日期应该相应更新，且不能早于出发日期，这涉及到多个日期之间的动态关联和逻辑判断。- 日期范围边界测试困难，当日期控件应用在有特殊时间范围限制的业务场景中，如酒店预订系统只能预订未来3个月内的房间，测试人员要考虑边界日期的各种操作，包括边界日期的选择、取消、修改等情况。- 日期范围限制：如果日期控件有范围限制，例如只能选择当前年份内的日期，要测试超出范围的日期是否无法选中，并且在边界值（如年初和年末）的选择是否正确。动态更新和事件关联复杂。
用C#写一个Web自定义控件
bugboy
02-16 1652
原来写的用户控件，但是维护太麻烦，后来就写了一个自定义控件，比较好维护，使用也方便多了。该控件是一个时间控件，通过下拉列表框选择时间的年、月、日、时、分、秒。初始化时要提供可选时间的起始年份。源代码如下：using System;using System.Web.UI;using System.Web.UI.WebControls;using System.ComponentModel;using
UIWebView使用 保存图片的本地，以及设置
Vincent_7的专栏
02-02 707
@interface DetailsViewController ()UIGestureRecognizerDelegate,UIActionSheetDelegate,UIWebViewDelegate> {     NSString *strUrl;      //图片网址     int lastContentOffset; //最后位置     NSString
web自动化（四）日期控件
will_net的博客
07-05 744
执行js脚本有两种方式一种是原始js 一种jQuery 推荐使用jQuery 根据简洁 方便。
Java+Selenium框架： 如何在日历中选择日期
我先测了
05-23 3148
在Web自动化测试中，经常需要处理日期选择控件，特别是那些以日历形式展现的日期选择器。使用Selenium框架结合Java，我们可以轻松地实现自动化选择日期的功能。本文将指导你如何使用Java和Selenium在Web页面上的日历控件中选择特定的日期。
element-ui日期选择器el-date-picker, 案例:填写有效期和选择开始时间后, 自动生成结束时间, datetime时间转换
qq_41421033的博客
09-05 3063
两种场景(1.先输入有效期后选择开始时间;2.先选择开始时间, 后输入有效期)都能触发自动生成结束时间的逻辑。以下代码可能偏长, 建议一步一步console.log打印出来每一步的效果, 避免出现数据没拿到或者方法用错的情况。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值