Uirecorder的使用,分是PC、mobile兩種,所以環(huán)境的安裝也是有所不同的,下面第一部分記錄兩個(gè)平臺(tái)都需要的環(huán)境、第二部分記錄mobile安裝錄制過程
一、所需環(huán)境安裝
1、Install NodeJs (version >= v7.x)
https://nodejs.org/
sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}
(Mac, Linux)
2、Install chrome
https://www.google.com/chrome/
3、Install UI Recorder
$ npm install uirecorder mocha -g
二、mobile安裝過程
1、安裝macaca & 開啟macaca server:
Install macaca: http://macacajs.com/
Connect your mobile or open emulator (USB數(shù)據(jù)線鏈接)
macaca server --port 4444
- image.png
2、初始化
- 到任意的目錄下,新建文件夾
- 在命令行中cd到新建的文件夾下,
uirecorder init --mobile
//此處需指定mobile,如果不指定默認(rèn)為PC端,相對(duì)應(yīng)初始化的文件目錄也會(huì)有所不同
3、開始錄制
-
uirecorder --mobile sample/test.spec.js
錄制的腳本,會(huì)放到sample/test.spec.js文件下
image.png
image.png
image.png
備注:
1、問題:
在最后錄制的時(shí)候,遇到一個(gè)問題,錯(cuò)誤提示無法找到 Could not find Chrome binary,無法打開chrome瀏覽器。
原因:
因?yàn)槲冶旧黼娔X上已經(jīng)安裝了chrome,所以圖省事沒有安裝上面的步驟來重新安裝,后來安裝步驟重新安裝,命令通過來成功調(diào)起了瀏覽器。(百度中好多類似的問題,大都是說安裝路徑的問題)