摘要: 回归原理 一、原理流程图 测试脚本采用 BDD 的风格定义了测试用例,通过 Runner 执行(浏览器操作通过调用 WebDriver Service 实现),返回对应的回归测试结果(object),测试结果经过 Reporter 进行渲染,生成测试报告。 1.1 Runner Runner 包括 阅读全文
posted @ 2020-08-11 15:38 LaMw 阅读(575) 评论(0) 推荐(0) 编辑
摘要: 录制原理 一、原理流程图 录制功能主要由 Chrome Extension 和 Node Process 两部分组成: Chrome Extension 会对当前浏览器进行全局事件监听,当触发某个事件(比如 click)时,即获取当前操作元素的节点信息,同时通过 WebSocket 发送指令(开始录 阅读全文
posted @ 2020-08-11 15:37 LaMw 阅读(1187) 评论(0) 推荐(0) 编辑
摘要: 整体架构 一、整体架构 1.1 底层依赖 Chrome Extension:Chrome 拓展程序是一个用 Web 技术开发增强浏览器功能的软件,由 HTML、CSS、JavaScript、图片等静态资源组成打包的一个 .crx 后缀的压缩包。UIRecorder 主要利用了 Chrome Exte 阅读全文
posted @ 2020-08-11 15:34 LaMw 阅读(673) 评论(0) 推荐(0) 编辑
摘要: 配置项 一、配置文件 config.json:UIRecorder 工程相关配置 { "webdriver": { "host": "127.0.0.1", // WebDriver服务host "port": "4444", // WebDriver服务端口 "browsers": "chrome 阅读全文
posted @ 2020-08-11 15:33 LaMw 阅读(364) 评论(0) 推荐(0) 编辑
摘要: 工具栏 一、简介 UIRecorder 录制过程中,可以通过辅助工具栏优化录制效果,目前支持功能有:添加悬停、添加断言、使用变量、执行 js、添加延迟、脚本跳转、结束录制,如下图所示: 二、属性开关 进入录制页面后,属性开关全部为默认开启状态,因此点击任意 DOM 时,DomPath 会自动选择属性 阅读全文
posted @ 2020-08-11 15:31 LaMw 阅读(647) 评论(0) 推荐(0) 编辑
摘要: 一、WebDriver 服务(二选一) 回归测试的时候,执行脚本相关 api (比如 driver.click() ),从而调用浏览器执行对应操作的能力(比如 点击操作),是通过调用 WebDriver 服务的能力实现的。而我们使用的 WebDriver 能力有以下两种方式: 在 UIRecorde 阅读全文
posted @ 2020-08-11 15:26 LaMw 阅读(678) 评论(0) 推荐(0) 编辑
摘要: 一、初始化工程 打开 terminal,新建一个工程目录: // for example cd ~/Documents mkdir uirecorder_test cd uirecorder_test 初始化 UIRecorder 工程: uirecorder init // 默认设置的话,一路回车 阅读全文
posted @ 2020-08-11 15:23 LaMw 阅读(866) 评论(0) 推荐(0) 编辑
摘要: 一、在使用命令检查安装情况后,会发现下类问题 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 阅读(993) 评论(0) 推荐(0) 编辑
摘要: 一、UIRecorder 是什么 UIRecorder 是一款 UI录制 和 回归测试 工具,用于录制浏览器页面 UI 的操作。通过 UIRecorder 的录制功能,可以在自测的同时,完成测试过程的录制,生成 JavaScript 测试脚本代码。回归测试过程中,可以利用生成的 JavaScript 阅读全文
posted @ 2020-08-11 11:55 LaMw 阅读(632) 评论(0) 推荐(0) 编辑