UI Recorder

UI Recorder

 

macaca手机脚本录制介绍https://www.jianshu.com/p/c9b4914a6946

UI recorder部署在Git hub上:https://github.com/alibaba/uirecorder

UI recorder功能详解https://www.cnblogs.com/xiaoxi-3-/p/7501288.html

UI Recorder + Selenium standalone server 环境搭建:

https://www.jianshu.com/p/f7b11da864fa

https://www.yuque.com/artist/uirecorder/zslbnp

一、前言:

UI Recorder 是一款零成本UI自动化录制工具,类似于Selenium IDE.

UI Recorder 要比Selenium IDE更加强大!

UI Recorder 非常简单易用.

二、作用:
1、要解决的问题:
自测需要在多个浏览器下重复进行回归
需求变更时,需要多次进行回归大量的功能点
传统自动化脚本编写成本太高
2、UI Recorder的特点:
零成本的自动化解决方案:完全无干扰录制,让开发在自测过程中就能同步录制出自动化
本地脚本生成,便于二次修改及定制
丰富的断言功能
支持数据Mock
支持公共用例
支持执行截图

三、安装

步骤一:安装NodeJs---手动安装

https://nodejs.org/dist/latest-v8.x/

注意:(version >= v7.x)

步骤二:安装chrome

请勿安装破解版,如已安装,请跳过此步骤。

步骤三:安装npm

NPM 是 NodeJS 自带的包管理器,可以批量下载指定包的指定版本。

npm -v

由于 npm 是国外网络环境,可能被墙或下载速度较慢,可以使用 cnpm , 下载速度更快。运行以下命令安装 cnpm:

淘宝镜像命令:npm install -g cnpm --registry=https://registry.npm.taobao.org(正常情况下也可不用)

注:更多 npm 指令可参考 https://www.runoob.com/nodejs/nodejs-npm.html

步骤四:安装java- --jdk环境

步骤五:安装UI Recorder及其相关依赖

cnpm install uirecorder mocha -g

cnpm install jwebdriver expect.js mocha-generators faker chai --save-dev

npm ls uirecorder -g

步骤:安装服务Selenium standalone server

npm install selenium-standalone -g

步骤:安装Mocha 单元测试框架(发音"摩卡")

依次执行cmd命令:

npm install mocha -g

npm install jwebdriver expect.js mocha-generators faker --save-dev

npm install jwebdriver chai faker --save-dev

步骤:初始化配置UI Recorder

执行cmd命令:uirecorder init

初始化配置,第一次试用,可一直回车,IP默认为127.0.0.1,端口默认为4444,浏览器我选择了chrome。

步骤:录制脚本

执行cmd命令:uirecorder start

开始录制脚本,根据需要自行填写,其他选项为一直回车均为默认值。

这时候会同时打开校验浏览器和录制浏览器

接下来对需要录制的项目进行操作开始录制:https://www.tmall.com/

每一次录制都会提示:执行成功

结束录制后,可在文件夹./sample/目录下看到刚才录制的脚本。

步骤十:回放脚本

1、启动server(这里需要下载selenium-server-standalone的jar包:https://selenium-release.storage.googleapis.com/index.html):java -jar .\selenium-server-standalone-3.9.1.jar

2、回放脚本

执行cmd命令:mocha sample/test.spec.js

提示没有Jquery模块,需要安装:npm install jquery

再次执行:mocha sample/test.spec.js

即可在cmd窗口中查看回放脚本的步骤,执行时间,执行结果等。

步骤十:运行测试用例

1、运行所有脚本:run.bat

2、运行单个脚本:run.bat sample/test.spec.js

即可在cmd窗口中查看运行脚本的步骤,执行时间,执行结果等。

步骤十:查看测试报告

运行脚本后,会自动保存测试报告,在目录reports下index.html、index.xml、index.json

 

如何搭建webdriver+selenium+nodejs自动化测试框架

1、安装nodejs程序包

2、打开nodejs

 从开始程序中选择Node.js--->Node.js command prompt

3、在命令窗口输入以下命令

一、npm install webdreverio -g

二、npm install [email protected] -g

4、安装selenium服务,在命令窗口输入以及下命令

selenium-standalone install

此时会报错,告诉你IE和谷歌驱动安排不成功

解决方法:新此目录下的C:\Users\saber\AppData\Roaming\npm\node_modules\selenium-standalone\.selenium的chromedriver和iedriver文件夹替换掉

5、配置环境变量

 编辑用户变量:变量名:PATH

 变量值:C:\Users\saber\AppData\Roaming\npm

 新建系统变量:变量名:node_path

 变量值:C:\Users\saber\AppData\Roaming\npm\node_modules

6、开启selenium服务,在命令窗口输入以下命令

 selenium-standalone start

7、打开cmd窗口,输入脚本的位置

8、运行自动化测试脚本

npm未能加载Visual C++组件

如果报:MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。

错误原因:缺少windows构建插件

以管理员身份运行:Windows PowerShell

解决方法:npm install --global --production windows-build-tools  (全局安装windows构建工具)

npm install -g node-gyp

原文地址:https://www.cnblogs.com/wyl-520/p/12149763.html

时间: 2024-10-01 00:01:50

UI Recorder的相关文章

UI Recorder 功能详解

前言: UI Recorder安装教程见:UI Recorder 安装教程(一).UI Recorder 安装教程(二) 本次着重介绍UI Recorder录制过程中的功能按钮:添加悬停,添加断言,使用变量,执行JS,添加延迟,脚本跳转,结束录制.如下图所示: 1.属性开关 进入录制页面后,属性开关全部为默认开启状态,因此在你点击任意DOM时,DomPath会自动选择属性并展示.如下图所示: 鼠标点击页面DOM"Email:",DomPath展示为://td[text()="

UI Recorder 安装教程(一)

前言: UI Recorder 是一款零成本UI自动化录制工具,类似于Selenium IDE. UI Recorder 要比Selenium IDE更加强大! UI Recorder 非常简单易用. 官方网站:http://uirecorder.com/ 本次教程只针对windows系统 步骤一:安装NodeJs http://nodejs.cn/ 手动安装 注意:(version >= v7.x) 步骤二:安装chrome 请勿安装破解版,如已安装,请跳过此步骤. 步骤三:安装UI Reco

UI Recorder 安装教程(二)

前言: UI Recorder支持无线native app(Android, iOS)录制, 基于macaca实现:https://macacajs.com/ 本次教程只针对无线native app(Android),仍然是windows系统 步骤一:全局安装macaca 执行cmd命令:npm i -g macaca-cli 如果看到如下可爱的图案,那恭喜你安装成功啦!重新安装则会覆盖更新. 步骤二:Android 环境准备 1.安装 JDK,要求 1.8 或更高版本 2.安装 Android

UI自动化录制工具----UI Recorder

1.系统和工具包 windows 7 64位 jdk,nodejs,webdriver,浏览器都放在工具包目录内.(晚上回去把文件上传到云盘,在分享给大家) 2.安装JDK和node.js 2.1 JDK安装 要求1.8以上版本,我使用的是jdk1.8.0_40,安装完JDK后写入环境变量. 新建系统变量JAVA_HOME 和CLASSPATH 变量名:JAVA_HOME 变量值:C:\Program Files\Java\jdk1.8.0_140 变量名:CLASSPATH 变量值:.;%JA

前端自动化测试之UI Recorder(一、介绍)

UI Recorder是一款零成本的整体自动化测试解决方案,一次自测等于多次测试,测一个浏览器等于测多个浏览器! 支持所有用户行为: 键盘事件, 鼠标事件, alert, 文件上传, 拖放, svg, shadow dom 支持无线native app录制, 基于macaca实现: https://macacajs.com/ 无干扰录制: 和正常测试无任何区别,无需任何交互 录制用例存储在本地 支持丰富的断言类型: val,text,displayed,enabled,selected,attr

UI Recorder安装与使用

现在的互联网公司,普遍在尝试并执行敏捷开发模式,那么必然要涉及到频繁的更新迭代,在每次更新迭代时,老功能的回归成为了老大难.当系统日益复杂,涉及到的回归点逐渐增多,UI自动化测试即使成本在大,也需要提上日程,解放人力,让测试人员提高工作效率. 以往我们对于UI自动化测试,第一个想到的事Selenium,虽说功能强大,稳定,但是一个系统回归级别的代码量还是比较笨重的,本次我们探讨调研一个能够上手快.操作简单.提供录制的工具,来应对我们频繁的更新迭代,那就是UI Recorder: UI Recor

F2eTest和UI Recorder自动化测试环境部署填坑记录

坑1:尝试部署的时候只在opennode.bat里面填写了两个浏览器,测试通过后再增加其他浏览器,页面上一直不显示.需要清空数据库里的`wd_browsers`和`wd_nodes`表,然后重启2008,数据库会重新加载新的节点信息.(此坑的解决方法在视频教程里,无文字版) 坑2:远程连接问题:在2008启动之后,node暂未启动前,f2etestweb页面可以打开3个浏览器页面.当webdriver云上显示node已经启动之后,f2etestweb页面只能可以打开1个浏览器页面,再多就会报连接

Qt录音机

最近做项目, 需要一个麦克风音量监听的功能: 找了好多这方面的资料, 不知道为什么 总之很少, 在此总结一下, 发贴一枚.. \ 不啰嗦了, 直接上代码了: #ifndef AUDIORECORDER_H #define AUDIORECORDER_H #include <QFile> #include <QWidget> #include <QPushButton> #include <QAudioInput> #include <QAudioOut

阿里的27个项目资源带你走进Github世界

招式 1.设计语言 & 前端框架 Ant Design ★ 14889 Ant Design 是蚂蚁金服开发和正在使用的一套企业级的前端设计语言和基于 React 的前端框架实现.它企业级金融产品的交互语言和视觉体系:丰富实用的 React UI 组件:基于 React 的组件化开发模式:背靠 npm 生态圈:基于 webpack 的调试构建方案,支持 ES6. https://github.com/ant-design/ant-design 招式 2.构建移动跨平台 UI 的框架 weex ★