UI 自动化的页面对象管理神器 PO-Manager selenium测试工具开源

原文由alex发表于TesterHome社区网站，点击原文链接可与作者直接交流。

做 UI 自动化的同学都知道，UI 自动化一个难点就是页面元素的变化，让自动化维护成为一个痛点。在此，为了减轻这个痛点，我在基于 Page-Object 模式的基础上开发了页面对象维护的工具。
该工具为 vscode 的一个插件，可以通过 vscode 插件市场搜索 PO-Manager 来下载安装

文章图片

本文中的页面对象库文件基于 json.
一个元素对象的定义包含元素名，定位方式 (id,name,css, xpath 等等) 和定位，如百度首页新闻链接:

"新闻 Link": { "type": "linkText", "locator": "新闻" }

文章图片

但是一个页面有 n 多的元素，我们如果一个个手动添加的话，也是要花费不少时间。那我们来自动添加一下:

添加元素对象

文章图片

批量添加元素对象

文章图片

当然，对于新页面，你也可以直接选择添加所有元素，简单直接抓取所有页面元素。
在元素对象添加后，我们可以在左边的 LOCATORS view 里看到当前文件里的对象，点击对应的元素节点，可以尝试高亮元素来验证元素定位是否正确。
-高亮/查找元素
【UI 自动化的页面对象管理神器 PO-Manager】
如果元素定位失败，右下角消息提示 NoSuchElement, 则我们可以通过 update element 来更新元素定位器。大大降低了维护成本。