阿里云推前端測試服務

阿里云最近推出了FTS（前端測試服務—），為廣大前端工程師測試提供了方便

FTS提供一站式UI兼容性測試整體解決方案，致力于提升前端頁面開發測試效率。提供的測試服務包括：死鏈檢測，多瀏覽器截圖，多瀏覽器環境，自動化。

• 死鏈檢測：根據用戶提供的url，解析頁面所包含的所有連接，發掘不可訪問鏈接，幫助用戶快速排查死鏈。
• 多瀏覽器截圖：根據用戶提供的url，自動在多個瀏覽器上截圖并展示。幫助用戶查看頁面在多個瀏覽器下的展示效果。
• 多瀏覽器環境：提供Web-Based真實瀏覽器操作環境，一鍵打開，方便用戶快速選用特定的瀏覽器對頁面進行查看
• 自動化：多瀏覽器自動化功能為UI測試同學提供了云端機器分布式執行腳本，并返回多瀏覽器運行結果的功能，測試同學無需準備和維護執行環境。操作簡單，通過Abite工具在Chrome瀏覽器錄制自動化腳本，上傳至FTS運行即可。

新建死鏈檢測任務

1.點擊‘死鏈檢測’鏈接或‘立即使用’按鈕

2.選擇檢測范圍，輸入所要檢測的url，點擊‘開始檢測’按鈕，等待檢測完成：
所有 – 檢測站內、站外所有連接
僅站內鏈接 – 僅檢測所提供url域名內的鏈接
僅站外鏈接 – 不檢測所提供url域名內的鏈接，僅檢測其他域名的鏈接

新建多瀏覽器截圖任務

1.點擊‘多瀏覽器截圖’鏈接或‘立即使用’按鈕

2.輸入需要進行截圖的網頁URL，選擇瀏覽器，點擊‘開始截圖’按鈕，等待任務執行結束
在任務執行過程中：
點擊某個瀏覽器縮略圖可查看大圖
點擊某個瀏覽器縮略圖右上角的刷新按鈕可以重新對該瀏覽器進行截圖

多瀏覽器環境使用方法

1.點擊‘多瀏覽器環境’鏈接或‘立即使用’按鈕

2.點擊需要使用的瀏覽器

3.在地址欄輸入要訪問的網址即可

新建自動化任務

1.‘自動化’鏈接，在彈出的窗口中輸入要進行錄制的頁面URL，以淘寶主頁為例，輸入http://www.taobao.com

2.輸入要錄制的頁面URL后，點擊確定。
被錄制頁面會在當前頁面中自動打開，同時ABITE錄制回放窗口會自動被打開，如圖，左邊為ABITE錄制窗口，右邊為要錄制的頁面

3.開始錄制：
ABITE窗口和被錄制頁面打開后，鼠標移動到被錄制頁面，會有黃色高亮框跟隨鼠標的移動，此時已經進入錄制狀態，對頁面進行的點擊、輸入等操作將會被ABITE錄制下來。

4.元素驗證：
鼠標移到需要驗證的元素上方，點擊右鍵，在右鍵菜單中點擊“驗證元素

在ABITE窗口中彈出的驗證窗口，可選擇文本驗證，屬性驗證或css驗證。在驗證窗口點擊“完成”后便會生成相應的驗證代碼。

Abite插件安裝

1.簡介
ABITE是一款基于Chrome的、針對WEBUI測試的錄制回放插件，通過本地錄制并與FTS的多瀏覽器自動化功能相配合，努力打造真正無需編程、維護簡單的Web自動化測試。

Web自動化測試最大的問題是，由于頁面變化比較頻繁，小小的改動就可能導致以前的腳本失敗，維護成本太高。ABITE錄制回放，全力解決這一問題，希望有效降低Web測試的負擔，讓我們的測試工程師輕輕松松做自動化。其中ABITE有如下亮點:
（1）本地回放：頁面操作錄制為純javascript腳本，無需編寫代碼，不依賴任何開發環境（例如java/selenium），可直接在chrome瀏覽器中錄制和回放。
（2）FTS云端回放：錄制腳本上傳到FTS后可在FTS的云端多瀏覽器（IE8、IE9、IE10，Firefox、Chrome）環境上回放，并通過FTS提供的運行視頻、日志、截圖等方便快速的跟蹤腳本運行情況。
（3）快速更新：元素發生改變，導致回放失敗，可重新選擇元素，真正做到一鍵更新。

2.插件安裝：
點擊Abite安裝連接，點擊”添加到Chrome”按鈕。

若chrome商店無法打開，則點擊Abite下載連接下載插件zip包，解壓后，打開chrome://extensions/,勾選”開發者模式”后將解壓后的ABITE文件夾拖到該頁面完成安裝。

官網地址：http://fts.aliyun.com/