博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端自动化测试之UI RECORDER(二、PC录制)
阅读量:4980 次
发布时间:2019-06-12

本文共 1968 字,大约阅读时间需要 6 分钟。

PC录制教程

准备工作:

  • 请自行先安装好nodejs环境,在命令行执行node -v命令成功说明已经安装成功
  • Chrome浏览器
  • JAVA环境
  • WebDriverServer

安装UI Recorder并录制脚本(具体安装若不懂请参考http://blog.csdn.net/ajdeng/article/details/54946675)

  • npm install uirecorder mocha -g --registry=

    安装uirecorder全局命令

  • uirecorder init

    一路回车,遇到WebDriver域名或IP的时候填写127.0.0.1,端口4444,浏览器列表根据自己需要填写,多个浏览器用,隔开,默认chrome,ie 11

  • uirecorder start
    录制脚本是利用你本机的chrome浏览器来实现的,所以本机必须安装chrome,切不要用绿色便携版之类的!
    最后启动chorme浏览器开始脚本录制,录制的方法和技巧上面的优酷视频都有说明,就不再累述了,下面主要介绍搭建WebDriverServer

搭建WebDriverServer

搭建webdriver server的方式可以是:Selenium standalone serverSelenium GridF2etest中的一种,这里只介绍第一种单机的方式,F2etest的方式部署浏览器云请看.

↑↑↑打不开的可以看看和两篇文章

Mac环境:

本文只介绍Chrome相关的测试,其他浏览器都是类似的,只要部署好server,不同的浏览器只是使用不同的driver而已, Mac下面我们需要下载chromedriverselenium-server-standalone.jar 

  • 启动服务器 java -jar selenium-server-standalone-2.53.1.jar 
  • 双击打开chromedriver

mac下我没有配置环境变量path所以直接打开的驱动,如果配置了驱动的路径访问server的时候会自动打开驱动,具体可参考下面windows教程

  • 最后在刚才录制脚本的目录执行: 

    npm install --registry= 
    sudo source run.sh 

    我上面用的npm命令是淘宝提供的,让npm安装模块包更快

  • 最后成功执行录制的脚本后会在当前目录生成reports和screenshots两个文件夹,用于查看测试报告和单步测试截图。

Windows环境:

Windows下面的话selenium-server-standalone.jar这个是通用的,另外需要单独下载chrome和ie的windows版的driver 

然后把driver文件所在的目录配置到Path环境变量中,以便seleniumServer能通过文件名直接找到文件启动对应的driver,验证有没有配置环境变量成功只需要在cmd命令中随便找个目录输入driver的文件名执行下,看能否成功找到文件执行

  • 启动服务器 java -jar selenium-server-standalone-2.53.1.jar 

    这时候不需要手动运行driver,selenium会自动根据请求启动对应的driver文件,所以上面必须配置环境变量

  • 在刚才录制的脚本目录执行: 

    npm install --registry= 
    run.bat 

Windows下IE注意事项,否则IE可能无法启动:

    • 针对windows vista和windows 7上的IE7或者更高的版本,必须在IE选项设置的安全页中,4个区域的启用保护模式的勾选都去掉(或都勾上),即保持四个区域的保护模式是一致的。如下图所示:
    • 针对IE10和更高的版本,必须在IE选项设置中的高级页中,取消增强保护模式。如下图所示:
    • 针对IE11,需要修改注册表。如果是32位的windows,key值为

      HKEYLOCALMACHINE\SOFTWARE\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BFCACHE

    • 如果是64位的windows,key值为

      HKEYLOCALMACHINE\SOFTWARE\Wow6432Node\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BFCACHE

    • 如果key值不存在,就添加。之后在key内部创建一个iexplorer.exe,DWORD类型,值为0,我的windows是64位的,修改后的注册表如下图所示:

转载于:https://www.cnblogs.com/cjluer/p/7801868.html

你可能感兴趣的文章
【代码笔记】iOS-只让textField使用键盘通知
查看>>
过滤器
查看>>
trie-[HNOI2004]L语言
查看>>
实验三 网际协议IP 实验报告
查看>>
数据库1
查看>>
用户画像
查看>>
Cadence IC 6151 AHDL加载错误
查看>>
c# 命名空间别名
查看>>
从壹开始微服务 [ DDD ] 之四 ║让你明白DDD的小故事 & EFCore初探
查看>>
ubuntu14.04 apt-get install找不到软件,更换源解决
查看>>
[llvm] Call the LLVM Jit from c program
查看>>
.NET中的视图和过滤器 (DefaultView和RowFilter)
查看>>
http 301 和 302的区别
查看>>
quick-cocos2d-x的热更新机制实现
查看>>
安卓rxjava内存泄漏
查看>>
国内HTML5前端开发框架汇总
查看>>
bzoj2288 生日礼物 (线段树)
查看>>
转 MySQL索引背后的数据结构及算法原理
查看>>
IE6下PNG背景透明的七种方法
查看>>
BZOJ 1625: [Usaco2007 Dec]宝石手镯( dp )
查看>>