一、Uirecorder之pc录制

一、环境搭建

• 安装NodeJs，npm，nvm（管理Node版本）

• 安装Java环境

• 安装Uirecorder

     // version 3.x
    cnpm install uirecorder mocha -g
    // version 2.x
    cnpm install uirecorder mocha mochawesome-uirecorder -g
  

• 安装chrome（检查浏览器与driver版本是否对应）
  selenium之 chromedriver与chrome版本映射表
  查看chrome版本： chrome://settings/help
  查看chromedriver版本： npm ls chromedriver -g
  如果版本有问题，后续可以在项目中 package.json 文件中修改
  检查安装情况

      cnpm list uirecorder -g
      cnpm list mocha -g
      cnpm list mochawesome-uirecorder -g
  

二、PC录制

1、新建目录 mkdir /User/sunsk/uirecorder
2、初始化该目录 uirecorder init

image.png

      ·（root）
      ├──  commons  存放公共脚本
      ├──  diffbase  图片对比文件夹
      ├──  logs
      ├──  node_modules  node核心文件库
      ├──  reports  存放测试报告
      ├──  sample  存放脚本，可以根据自己定义此目录结构
      ├──  screenshots   测试执行截图保存目录
      ├──  uploadfiles
      ├──  config.json  运行配置文件，IP、浏览器等
      ├──  hosts
      ├──  install.sh  官方提供的nvm的脚本，建议提前安装好，方便后续和Jenkins集成时使用，如果已经安装好nvm，npm该脚本可以忽略  
      ├──  package.json    项目依赖服务配置文件
      ├──  README.md     官方md。还是要稍微看一下的，虽然很坑
      ├──  run.bat  windows回放时用的脚本              
      ├──  run.sh  mac和linux回放时用的脚本
      ├──  uirecorder.log  日志

3、开始录制

• 初次录制，可以不指定文件名 uirecorder start
• 指定文件名录制：uirecorder sample/flight.spec.js
• 录制完成后点击“结束录制”按钮即可

4、回放脚本

• 进入项目目录，启动webDriver npm run server
• 执行脚本（需要进入当前项目根目录下）

    #运行所有脚本
    soruce run.sh
    #运行指定脚本
    source run.sh sample/flight.spec.js
  

• 回放完成后会生成测试报告，使用浏览器打开即可查看

     ./reports/index.html 
     ./reports/index.xml(JUnit）
     ./reports/index.json
     ./screenshots/