[Clicknium-calendar]如何通过自动化对日期选择框设值

引言

前端日期取值设值是自动化中比较常见的需求。但前端组件库较多，每种框架都有所不同，那我们来看看clicknium是如果实现多种前端UI框架中日期相关的操作。

• PS:Clicknium Automation安装基础使用参考 官方文档

CalendarUI控件种类

jQueryUI Calendar

基于jQuery的UI库。官方文档

Ant Design

基于React的UI库。官方文档

• ps: clicknium基于Web的录制除IE外需要安装浏览器插件。安装步骤参考 Clicknium 浏览器插件

如何利用Clicknium自动测试日期组件

JqueryUI Calendar

1. 通过clicknium提供的录制器，录制页面中需要操作的组件元素。
   clicknium提供了非常强大的录制功能。
   具体操作可参照 Clicknium 录制器
   这里我们录制内容如图。

   to参考from也录制这三部分。

2. 修改日期locator。因为自动录制是按照日期所在table的行列生成的，每个月日期对应的行列有所不同，不能准确定位。这里我们将日期元素修改成根据sinfo和index来定位。
   修改前:
   

   修改后：
   3. 准备工作做好后，我们可以上代码了。

   from clicknium import clicknium, ui, locator
   
   clicknium.chrome.open("https://jqueryui.com/datepicker/#date-range")
   
   ui(locator.chrome.jqueryui.text_from).set_focus()
   ui(locator.chrome