共计 793 个字符，预计需要花费 2 分钟才能阅读完成。
原文由 alex 发表于 TesterHome 社区网站，点击原文链接可与作者间接交换。
做 UI 自动化的同学都晓得，UI 自动化一个难点就是页面元素的变动，让自动化保护成为一个痛点。在此，为了加重这个痛点，我在基于 Page-Object 模式的根底上开发了页面对象保护的工具。
该工具为 vscode 的一个插件，能够通过 vscode 插件市场搜寻 PO-Manager 来下载安装
本文中的页面对象库文件基于 json.
一个元素对象的定义蕴含元素名，定位形式 (id,name,css, xpath 等等) 和定位，如百度首页新闻链接:
"新闻 Link": {
"type": "linkText",
"locator": "新闻"
}
然而一个页面有 n 多的元素，咱们如果一个个手动增加的话，也是要花费不少工夫。那咱们来主动增加一下:
- 增加元素对象
- 批量增加元素对象
当然，对于新页面，你也能够间接抉择增加所有元素，简略间接抓取所有页面元素。
在元素对象增加后，咱们能够在右边的 LOCATORS view 里看到以后文件里的对象，点击对应的元素节点，能够尝试高亮元素来验证元素定位是否正确。
- 高亮 / 查找元素
如果元素定位失败，右下角音讯提醒 NoSuchElement, 则咱们能够通过 update element 来更新元素定位器。大大降低了保护老本。
- 更新元素对象定位
selenium 命令调试:
在元素节点上右键点击，能够看到一些 selenium 的命令，能够帮助调试该元素的属性，能够防止咱们一遍遍的运行测试脚本而到最初确发现点击 / 操作错了元素。
GitHub 仓库地址: https://github.com/zzhengjian/PO-Manager
原文由 alex 发表于 TesterHome 社区网站，点击原文链接可与作者间接交换。
想理解更多关开源工具，与更多开源我的项目作者间接交换？
欢送关注第十届中国互联网测试开发大会（MTSC 2002 上海）· 开源专场 >>>
