自动化测试平台(十)：UI自动化元素页面的管理功能实现

已于 2022-01-21 13:25:12 修改
阅读量5.1k 收藏 75
点赞数 64
文章标签： 曲鸟 自动化测试平台 前端 django
于 2022-01-06 08:11:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/momoda118/article/details/122123264
版权
本文介绍了如何实现自动化测试平台中的UI元素和页面管理功能，包括UI元素管理表模型建立、接口开发、前端页面创建，以及页面树的实现。详细讲解了Django后台的接口设计，如元素页面管理、上传文件、UI页面树接口，并展示了前端如何利用Antd组件展示页面树和元素列表。
摘要由CSDN通过智能技术生成

一、前言

上一章我们完成了列表组件公共化封装和项目管理功能的实现，这一章将实现UI元素及元素页面的管理功能，换句话说就是对selenium执行定位操作的元素进行管理。

完整教程地址：《从0搭建自动化测试平台》

项目在线演示地址：http://121.43.43.59/ （帐号：admin 密码：123456）

本章内容实现效果如下：
在这里插入图片描述

为了开发效率，很多类型都是用any来定义的，小伙伴可以自己进行完善。

文章目录

二、UI元素管理相关表模型建立

我们知道执行UI自动化的每步操作需要指定元素的路径地址。根据传统的POM模型我们可以按页

了解本专栏 订阅专栏 解锁全文
曲鸟
关注
专栏目录
订阅专栏
Web页面功能自动化测试
02-01
Web页面功能自动化测试是亿能测试多名老师共同编写，讲述使用QTP进行Web页面自动化测试，案例分析 – Discuz！NT自动化测试等
教你如何写框架------元素管理篇
weixin_30673611的博客
12-03 320
前言： 我的博客从来都是言简意赅，直接步入正题。 元素对象管理： 元素对象（以下称为locator）的维护与管理很麻烦，因为locator比较多，每个页面上要操作的可能有几十个，如何快速的查找及维护好能够使我们写脚本的速度及维护速度大大提升。在前端开发中，开发人员通常是把UI样式放在CSS文件中，受此影响，我们也可以把我们的locator放在一个专门的文件中，按照页面来分类，提取其公共的lo...
UI自动化测试用例管理平台搭建_ui自动化测试平台
最新发布
2401_85613818的博客
06-24 452
链接：https://pan.baidu.com/s/1h_JAKj0Yxyem2pyjWRclxQ。每个项目可以设置多个环境，例如开发环境，测试环境，预发布环境，生产环境等。可能需要更新pip最新版本:python -m pip install --upgrade pip。8. mysqld --initialize-insecure (从5.7开始,要做初始化 )1. 下载MySQL5.7rar：http://www.mysql.com/9. 安装服务：cmd mysqld -install。
selenium测试框架篇，页面对象和元素对象的管理
Anson的博客
08-22 1421
转载自：http://www.cnblogs.com/tobecrazy/  前期已经做好使用Jenkins做buildhttp://www.cnblogs.com/tobecrazy/p/4529399.html 做自动化框架，不可避免的就是对象库。 有一个好的对象库，可以让整个测试体系：  更容易维护 大大增加代码重用 增加测试系统的稳定性 这里先了解一下我所
UI自动化--PageObjects（页面对象）
weixin_30873847的博客
01-29 232
核心的核心：减少了重复代码的数量，减少变更涉及面；做到如果UI发生更改，则只需在一个位置应用此修复程序。 PageObject：将页面作为一个对象，进行封装，包括元素定位，封装获取各元素、操作的方法；该model不含断言。 转载于:https://www.cnblogs.com/fqfanqi/p/10335367.html...
BadBoy自动化测试工具 界面介绍
一缕阳光
08-26 6714
一 下载 1. 官网地址http://www.badboy.com.au/ 2. 点击Download 3. 注册个人信息及使用原因（放心是免费的） 4. 下载后安装 5. 点击图标，你将看到Badboy的IDE界面，下图是我对界面进行的简单注解，其中包括Badboy官网的一个介绍截图 二 界面及功能总述 1. 菜单栏：      .1 File: 包括常用的打开脚本，
Python实现Web UI自动化测试实战-Chapter-13
12-26
在本章"Python实现Web UI自动化测试实战-Chapter-13"中，我们将深入探讨如何利用Python语言进行Web用户界面（UI）的自动化测试。这一领域对于软件开发来说至关重要，因为它能够有效地提升测试效率，减少手动测试的...
Python实现Web UI自动化测试实战-Chapter-12
12-25
在本章"Python实现Web UI自动化测试实战-Chapter-12"中，我们将深入探讨如何利用Python语言进行高效的Web用户界面（UI）自动化测试。这一领域对于软件开发和测试团队至关重要，因为它能节省大量手动测试的时间，提高...
python通用UI自动化测试框架源码 2.0
10-26
Python通用UI自动化测试框架源码2.0是一个旨在简化UI自动化测试的工具，适用于各种软件或Web应用的测试。这个框架的核心目标是提高测试效率，降低维护成本，通过抽象元素操作、检查点验证和回退策略，使得测试用例...
App-UI自动化测试框架
08-17
在构建App-UI自动化测试框架时，Python语言与Selenium、Appium、Pytest和YAML等工具结合，可以提供高效且灵活的解决方案。这里我们将深入探讨这些技术以及如何利用它们来实现Android应用的自动化测试。 首先，让...
自动化测试平台(十一)：UI自动化用例图形化编写及执行的实现
曲鸟
03-14 6419
一、前言 上一章我们完成了列表组件公共化封装和项目管理功能的实现，这一章将实现UI元素及元素页面的管理功能，换句话说就是对selenium执行定位操作的元素进行管理。 完整教程地址：《从0搭建自动化测试平台》 项目在线演示地址：http://121.43.43.59/ （帐号：admin 密码：123456） 本章内容实现效果如下： 一、前端页面 1. 创建元素页面模块文件： npx umi g page uiCases/index --typescript 2. 概览页修改 增加提示和跳转功能
自动化测试登录的界面
06-14
用python+selenium写的自动化测试代码，自动测试登录账号。读取和写入都是用的txt方式，读取多个账号进行登录，登录不上的账号打印出提示语
自动化工具 自研的接口自动化测试平台
weixin_30685047的博客
07-26 582
原文：https://testerhome.com/topics/12648 个人自研的自动化测试平台，借鉴了部分HttpRunner的思想和部分代码，主要实现了项目管理、签名方式管理、接口管理、用例管理和测试计划的制定和运行等主要功能，其它的编辑修改都没做，现在只相当于完成了一个Demo吧。环境：Python 3.6.3Django 2.0.1Pymysql 0.8.0Requests 2.1...
UI 自动化的页面对象管理神器 PO-Manager
Testerhomee的博客
03-15 5180
原文由alex发表于TesterHome社区网站，点击原文链接可与作者直接交流。 做 UI 自动化的同学都知道，UI 自动化一个难点就是页面元素的变化，让自动化维护成为一个痛点。在此，为了减轻这个痛点，我在基于 Page-Object 模式的基础上开发了页面对象维护的工具。 该工具为 vscode 的一个插件， 可以通过 vscode 插件市场搜索 PO-Manager 来下载安装 本文中的页面对象库文件基于 json. 一个元素对象的定义包含元素名，定位方式 (id,name,css, xpath .
selenide UI自动化进阶二 pageObject实现页面管理
weixin_30670151的博客
08-09 394
首先定义登录页面，上代码吧LoginPage.javapackage com.test.selenium.page; import org.openqa.selenium.By; import static com.codeborne.selenide.Selenide.$; import static com.codeborne.selenide.Selenide.page; public...
UI 自动化的页面对象管理工具之实现思路
不喝枸杞的程序员
03-18 485
原文：UI 自动化的页面对象管理工具之实现思路 · TesterHome 基本架构 如图所示，该工具作为 vscode 插件，因为要跟 webpage 的 dom 进行双向沟通，我们将借用 webdriver 里的 js 执行器来进行通讯。 加载插件 我们需要启动一个 chromedriver session, 同时加载一个 chrome 插件, 这插件其是基于 selenium IDE recorder 的一个改造版本， //driver = new Builder().forBr
自动化测试元素定位“最佳实践”
软件测试技术资源分享官
04-22 205
最近在翻阅cypress文档的时候发现一些关于自动化测试中元素定位的思考，觉得很有意思，这里跟大家分享一下。 核心概念 其实元素定义的核心概念很简单，一些元素总有自己独一无二的一些特点，比如我们每个人都有身份证号，利用这种独特性对元素进行定位，从而进一步做后续操作。 有道是君子有所为有所不为，一些在实践中被证明了是不合适的做法是最好不要去采用的，比如 不要使用有可能发生改变的属性对元素进行定位 。 如果你有能力修改前端代码，那么最佳实践就是: 加一个定位专用的属性，比如 data-* ，这个属性跟js逻辑以
资深程序员教你如何实现API自动化测试平台！附项目源码！
weixin_34126215的博客
11-29 568
原文链接： 1.平时测试接口，总是现写代码，对测试用例的管理，以及测试报告的管理持久化做的不够， 2.工作中移动端开发和后端开发总是不能并行进行，需要一个mock的依赖来让他们并行开发。 3.同时让自己锻炼去开发测试平台，掌握flask开发程序，提高自己的业务水平。 整体思路： 1.利用flask+bootstrap来进行web界面开发，对接口，接口测试用例，定时任务，测试报告的持续集成。 2.I...
自动化测试平台
WDLDSC的博客
02-16 3513
测试平台搭建 1.框架概述 框架模型前端（vue）+后端（django）+数据库（mysql、redis）+nginx（代理服务器）+uwsgi（web服务器） 2. 技术概述 前端（vue） 1.视图，数据，结构分离 2.数据双向绑定 3.Vue的响应式原理 4.vue中created与mounted区别 5.watch来监听数据的变化 1.监听的数据后面可以写成对象形式，包含handler方法，immediate和deep。 2.immediate表示在watch中首次绑定的时候，
Python自动化测试框架：UI与接口实战教程
2. PO模式（Page Object）：这是一种常见的UI自动化设计模式，它将每个页面视为一个对象，包含页面元素及其操作方法。这样，当UI界面发生变化时，只需更新对应的PO对象，避免了大规模的测试脚本维护工作。虽然不能...
评论 36
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

曲鸟

不要打赏，没必要！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值