随笔分类 -  UI Recorder

UIRecorder 工具栏 断言使用详解
摘要：对工具栏使用做个补充 UI Recorder 自动化测试 工具栏使用（五） 1、添加断⾔ 延迟时间：默认300ms 断⾔⽀持的类型: val、text、displayed、enabled、selected、attr、css、url、title、cookie、localStorage、sessionS 阅读全文
posted @ 2022-06-10 11:08 LaMw 阅读(231) 评论(0) 推荐(0)
UI Recorder app移动端安装使用教程 （十二）
该文被密码保护。
posted @ 2022-06-08 14:15 LaMw 阅读(0) 评论(0) 推荐(0)
UI Recorder 安装 自动化测试 回归测试使用汇总 （十一）
摘要：官方文档：https://alibaba.github.io/uirecorder/build/#/artist/uirecorder/zslbnp https://www.yuque.com/artist/uirecorder npmmirror 中国镜像站 https://npmmirror.c 阅读全文
posted @ 2022-06-08 10:39 LaMw 阅读(475) 评论(0) 推荐(0)
解决因chromedriver与chrome版本不匹配造成uirecorder start失败的方法
摘要：1、安装 UIRecorder 及其相关依赖 2、修改文件：npm全局目录\node_modules\uirecorder\node_modules\chromedriver\lib\chromedriver.js exports.version = '修改为浏览器版本相同'; 3、从http:// 阅读全文
posted @ 2022-04-13 14:06 LaMw 阅读(526) 评论(1) 推荐(0)
UI Recorder 自动化测试 回归测试 生成共用方法及用例之间调用（十）
摘要：UIRecorder 在录制脚本的时候是可以在边录制边生成共用的自动化脚本提供给后续所需场景进行调用的 比如：有些页面必须是要调用自动化登录方法，那么就需要先将登录作为一个单独的自动化脚本，提供给后续需要登录的业务场景进行直接调用，组合成所需的自动化脚本 初始化工程后会生成各种目录，其中Common 阅读全文
posted @ 2022-04-08 16:32 LaMw 阅读(192) 评论(0) 推荐(0)
UI Recorder 自动化测试 回归原理（九）
摘要：回归原理 一、原理流程图 测试脚本采用 BDD 的风格定义了测试用例，通过 Runner 执行（浏览器操作通过调用 WebDriver Service 实现），返回对应的回归测试结果（object），测试结果经过 Reporter 进行渲染，生成测试报告。 1.1 Runner Runner 包括 阅读全文
posted @ 2020-08-11 15:38 LaMw 阅读(600) 评论(0) 推荐(0)
UI Recorder 自动化测试 录制原理（八）
摘要：录制原理 一、原理流程图 录制功能主要由 Chrome Extension 和 Node Process 两部分组成： Chrome Extension 会对当前浏览器进行全局事件监听，当触发某个事件（比如 click）时，即获取当前操作元素的节点信息，同时通过 WebSocket 发送指令（开始录 阅读全文
posted @ 2020-08-11 15:37 LaMw 阅读(1297) 评论(0) 推荐(0)
UI Recorder 自动化测试 整体架构（七）
摘要：整体架构 一、整体架构 1.1 底层依赖 Chrome Extension：Chrome 拓展程序是一个用 Web 技术开发增强浏览器功能的软件，由 HTML、CSS、JavaScript、图片等静态资源组成打包的一个 .crx 后缀的压缩包。UIRecorder 主要利用了 Chrome Exte 阅读全文
posted @ 2020-08-11 15:34 LaMw 阅读(714) 评论(0) 推荐(0)
UI Recorder 自动化测试 配置项（六）
摘要：配置项 一、配置文件 config.json：UIRecorder 工程相关配置 { "webdriver": { "host": "127.0.0.1", // WebDriver服务host "port": "4444", // WebDriver服务端口 "browsers": "chrome 阅读全文
posted @ 2020-08-11 15:33 LaMw 阅读(380) 评论(0) 推荐(0)
UI Recorder 自动化测试 工具栏使用（五）
摘要：工具栏 一、简介 UIRecorder 录制过程中，可以通过辅助工具栏优化录制效果，目前支持功能有：添加悬停、添加断言、使用变量、执行 js、添加延迟、脚本跳转、结束录制，如下图所示： 二、属性开关 进入录制页面后，属性开关全部为默认开启状态，因此点击任意 DOM 时，DomPath 会自动选择属性 阅读全文
posted @ 2020-08-11 15:31 LaMw 阅读(732) 评论(0) 推荐(0)
UI Recorder 自动化测试 回归测试（四）
摘要：一、WebDriver 服务（二选一） 回归测试的时候，执行脚本相关 api （比如 driver.click() ），从而调用浏览器执行对应操作的能力（比如 点击操作），是通过调用 WebDriver 服务的能力实现的。而我们使用的 WebDriver 能力有以下两种方式： 在 UIRecorde 阅读全文
posted @ 2020-08-11 15:26 LaMw 阅读(717) 评论(0) 推荐(0)
UI Recorder 自动化测试 录制（三）
摘要：一、初始化工程 打开 terminal，新建一个工程目录： // for example cd ~/Documents mkdir uirecorder_test cd uirecorder_test 初始化 UIRecorder 工程： uirecorder init // 默认设置的话，一路回车 阅读全文
posted @ 2020-08-11 15:23 LaMw 阅读(930) 评论(0) 推荐(0)
UI Recorder 自动化测试工具安装问题疑难杂症解决（二）
摘要：一、在使用命令检查安装情况后，会发现下类问题 cnpm list mocha -gG:\Tools\nodejs `-- (empty) cnpm list macaca-reporter -g G:\Tools\nodejs`-- (empty) >cnpm list macaca-reporte 阅读全文
posted @ 2020-08-11 14:55 LaMw 阅读(1054) 评论(0) 推荐(0)
UI Recorder 自动化测试安装教程（一）
摘要：一、UIRecorder 是什么 UIRecorder 是一款 UI录制 和 回归测试 工具，用于录制浏览器页面 UI 的操作。通过 UIRecorder 的录制功能，可以在自测的同时，完成测试过程的录制，生成 JavaScript 测试脚本代码。回归测试过程中，可以利用生成的 JavaScript 阅读全文
posted @ 2020-08-11 11:55 LaMw 阅读(717) 评论(0) 推荐(0)