影刀初级02课：网页自动化—网页操作之关联元素

智能操作-关联元素

本节官方文档：https://ying-dao.feishu.cn/docx/R7VqdE07QoYceJxVCZIctwQRnCh

主要内容：父标签和子标签关联操作

案例实现效果：所有状态为“完成”的订单点击“确认发货”按钮，状态为“取消”的不点击

实现方式一：通过“获取关联元素”找到其子元素

实现流程：

过程拆解：

1、打开订单网页，保存网页对象

2、循环相似元素：

思路：观察发现，状态和操作都是一行订单的子元素，需要定位到整行订单，然后找到它的这两个子元素进行判断即可

（1）定位到整行订单

由于无法直接定位整行元素，于是先捕获单个元素

并通过捕获相似元素定位到该元素的所有行

通过编辑，取消td标签前面的勾选

此时校验元素发现捕获到了整行元素

 将其命名为：父元素_订单相似元素组

（2）循环每行订单，即循环“父元素_订单相似元素组”，每次循环结果命名为“订单”

3、循环内部添加“获取关联元素”

目标：通过子元素定位到每行记录中的状态值

操作目标选择每次循环内容，本例中即上步的“订单”，代表的每行记录；

因为要定位其子元素，所以关联方式选择“子元素”；

获取子元素方式选择“指定位置的子元素”；

子元素位置填“4”，此处是索引位置，从0开始，状态字段在索引4的位置；

结果命名为“状态”

4、循环内部添加“获取关联元素”

目标：通过子元素定位到每行记录中的操作值

方式同上，结果命名为“确认发货”

5、添加“if条件”

目标：判断状态是否为“完成”

对象1选择上步定义的“状态”变量的文本内容

对象2填写“完成”

6、if条件中添加“点击元素”

目标：满足条件时点击“确认发货”按钮

7、if条件中添加“点击元素”

目标：实现点击确定操作

捕获网页元素确认

点击元素选择上步捕捉的确定元素

 8、9结束if和循环

实现方式二：关联父元素，从相似元素组中定位元素内容

实现流程：

过程拆解：

1、打开订单网页，保存网页对象

2、循环相似元素：

思路：观察发现，状态和操作都是一行订单的子元素，需要定位到整行订单，然后找到它的这两个子元素进行判断即可

（1）定位到整行订单

由于无法直接定位整行元素，于是先捕获单个元素

并通过捕获相似元素定位到该元素的所有行

通过编辑，取消td标签前面的勾选

此时校验元素发现捕获到了整行元素

 将其命名为：父元素_订单相似元素组

（2）循环每行订单，即循环“父元素_订单相似元素组”，每次循环结果命名为“订单”

3、循环内部添加“获取元素对象”

目标：通过父元素定位到每行记录中的状态值

（1）通过“捕获相似元素”获得状态列相似元素组，因为状态类型不同，捕获时两种类型都需要捕获才能保证捕获全部行，命名为“状态_相似元素组”；

 （2）“获取元素对象”中通过相似元素组的“关联父元素”功能，限定到每行结果的唯一状态值

循环中创建“获取元素对象”；

操作目标选择上面设置的相似元素组：“状态_相似元素组”；

此时是元素组对象，需要勾选“关联父元素”，父元素选择“订单”，就是每次循环的每行记录，从而在每行中定位唯一的状态元素；

结果命名为“状态”

4、循环内部添加“获取元素对象”

目标：通过父元素定位到每行记录中的操作

（1）通过“捕获相似元素”获得操作列相似元素组，命名为“确认发货_相似元素组”

（2）“获取元素对象”中通过相似元素组的“关联父元素”功能，限定到每行结果的唯一状态值

循环中创建“获取元素对象”；

操作目标选择上面设置的相似元素组：“确认发货_相似元素组”；

此时是元素组对象，需要勾选“关联父元素”，父元素选择“订单”，就是每次循环的每行记录，从而在每行中定位唯一的状态元素；

结果命名为“确认发货”

5、添加“if条件”

目标：判断状态是否为“完成”

对象1选择上步定义的“状态”变量的文本内容

对象2填写“完成”

6、if条件中添加“点击元素”

目标：满足条件时点击“确认发货”按钮

7、if条件中添加“点击元素”

目标：实现点击确定操作

捕获网页元素确认

点击元素选择上步捕捉的确定元素

 8、9结束if和循环