前端自動化測試之UI RECORDER（二、PC錄制）
PC錄制教程
準備工作:
- NodeJs環境
請自行先安裝好nodejs環境，在命令行執行node -v命令成功說明已經安裝成功
- Chrome瀏覽器
- JAVA環境
- UI Recorder
- WebDriverServer
安裝UI Recorder並錄制腳本（具體安裝若不懂請參考http://blog.csdn.net/ajdeng/article/details/54946675）
-
npm install uirecorder mocha -g --registry=https://registry.npm.taobao.org安裝uirecorder全局命令
-
uirecorder init一路回車，遇到WebDriver域名或IP的時候填寫127.0.0.1，端口4444，瀏覽器列表根據自己需要填寫，多個瀏覽器用,隔開，默認chrome,ie 11
uirecorder start錄制腳本是利用你本機的chrome瀏覽器來實現的，所以本機必須安裝chrome，切不要用綠色便攜版之類的！
最後啟動chorme瀏覽器開始腳本錄制，錄制的方法和技巧上面的優酷視頻都有說明，就不再累述了，下面主要介紹搭建WebDriverServer
搭建WebDriverServer
搭建webdriver server的方式可以是：Selenium standalone server
Selenium Grid、F2etest中的一種，這裏只介紹第一種單機的方式，F2etest的方式部署瀏覽器雲請看前端自動化測試之多瀏覽器兼容測試平臺F2etest(帶視頻教程).
-
Selenium Server & IEDriverServer
-
ChromeDriver
↑↑↑打不開的可以看看自動更新Google Hosts和利用shadowsocks科學上網(提供免費帳號)兩篇文章
Mac環境：
本文只介紹Chrome相關的測試，其他瀏覽器都是類似的，只要部署好server，不同的瀏覽器只是使用不同的driver而已， Mac下面我們需要下載chromedriver
selenium-server-standalone.jar 
- 啟動服務器
java -jar selenium-server-standalone-2.53.1.jar
- 雙擊打開chromedriver
mac下我沒有配置環境變量path所以直接打開的驅動，如果配置了驅動的路徑訪問server的時候會自動打開驅動，具體可參考下面windows教程
-
最後在剛才錄制腳本的目錄執行:
npm install --registry=https://registry.npm.taobao.orgsudo source run.sh
我上面用的npm命令是淘寶提供的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=https://registry.npm.taobao.orgrun.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位的，修改後的註冊表如下圖所示：
前端自動化測試之UI RECORDER（二、PC錄制）