Appium如何高亮显示元素_ui自动化中获取元素是否高亮-优快云博客

本文链接：https://blog.youkuaiyun.com/freetester/article/details/144678164

Appium自动化测试调试过程中，有时想高亮显示找到的元素以定位一些奇怪的问题，以下内容为ChatGPT生成，作为记录。

在 Appium 中，虽然没有内置的直接方法可以高亮显示元素（像 Selenium 的 JavaScript 执行功能那样），但我们可以通过一些技巧来实现这一功能。以下是高亮元素的常用方法和实现方式。

1. 使用 JavaScript 在 WebView 中高亮显示

如果你的测试是在 WebView 环境中，可以通过执行 JavaScript 来操作页面元素样式，将其高亮显示。

示例代码：

# 定位 WebView 元素 
element = driver.find_element_by_css_selector('selector') 

# 使用 JavaScript 修改元素样式以高亮显
driver.execute_script("arguments[0].style.border='3px solid red'", element)

解释：

execute_script 方法运行 JavaScript 脚本。
将目标元素的边框设置为红色加粗边框，这样就可以高亮显示它。

2. 对 Native APP 的高亮显示（通过叠加元素）

对于 Native 应用，无法直接更改元素样式。可以通过以下方式模拟高亮效果：

获取元素的位置和尺寸。
在同位置绘制一个透明或带边框的覆盖层（需要开发支持或借助工具）。

示例：打印元素位置和尺寸

# 定位元素 
element = driver.find_element_by_id("your_element_id") 

# 获取元素的位置和尺寸 
location = element.location size = element.size print(f"Element position: {location}, size: {size}")

通过获取 location 和 size，你可以提示开发团队在这个区域动态生成一个高亮框。

3. 通过 Appium Actions 模拟点击高亮

虽然不是真正的高亮，但可以使用模拟点击的方式间接让目标元素可视化。例如：

滑动到元素。
添加额外的视觉反馈（如弹窗、标记）。

示例：滑动到目标并模拟点击

from appium.webdriver.common.touch_action import TouchAction 
# 定位元素 
element = driver.find_element_by_id("your_element_id") 

# 滑动到目标位置 
TouchAction(driver).tap(element).perform()

这种方式可以让目标元素的点击效果显现，但不能真正高亮显示。

4. 在测试报告中截图并标记元素

一种替代方法是在测试报告中标记元素截图，从而间接达到高亮显示的效果。

示例：截图后绘制高亮边框

from PIL import Image, ImageDraw

# 截图
driver.save_screenshot("screenshot.png")

# 获取元素位置和尺寸
element = driver.find_element_by_id("your_element_id")
location = element.location
size = element.size

# 打开截图
image = Image.open("screenshot.png")
draw = ImageDraw.Draw(image)

# 计算边框位置
left = location['x']
top = location['y']
right = left + size['width']
bottom = top + size['height']

# 绘制红色边框
draw.rectangle([left, top, right, bottom], outline="red", width=5)

# 保存新的图片
image.save("highlighted_screenshot.png")

5. 借助开发支持动态高亮

如果你和开发团队合作，可以请求开发团队提供一个特殊模式（例如调试模式）。当运行测试时，可以通过特殊标记使目标元素动态高亮（如更改背景颜色、边框等）。