本文以百度搜索爲例，選用chrome瀏覽器進行演示，IDE選用eclipse。git
STEP1：下載模板工程LazyUI-template，導入eclipse
前置條件：安裝eclipse，而且裝好maven，以及eclipse的maven插件github
1.下載chrome
2.解壓後，打開目錄以下：瀏覽器
3.打開eclipse，以已存在的maven工程方式導入微信
選擇工程所在目錄，並勾選POM，導入框架
導入後，在eclipse中可看見以下工程（展開目錄後）eclipse
使用maven更新依賴，並編譯。maven
STEP2：下載並安裝chrome插件 Elements Extractor
前置條件：安裝chrome，版本46.0.2490.86或更新到最新版本測試
1.下載Chrome插件Elements Extractor：https://github.com/lazytest/LazyTest-Elements-Extractor/archive/master.zipspa
2. 解壓後將文件：
3.打開chrome，打開擴展程序頁
4.將解壓後文件中的 LazyTestElementsExtractor.crx 拖拽至chrome
5. 安裝完成後，效果如圖所示：
STEP3： 使用chrome插件抓取頁面元素，生成bean層代碼
1.打開百度首頁，右鍵，選擇 LazyTest Elements Extractor->Extract All，
2.插件會自動查找出頁面中的經常使用控件而且展現在浮層上（下圖爲頁面原型）：
3.選擇全不選，而且勾選上圖中紅框中的兩個控件，即「搜索框」和「百度一下」按鈕，填寫包名爲「bean」，類名爲「BeanDemoBaidu」，點擊生成代碼，插件會自動生成好代碼文件，並自動下載
4.將生成代碼文件拷貝到eclipse工程文檔中，代碼以下。工程中已有BeanDemoBaidu類，此處只作截圖，具體代碼請參見工程。
STEP4： 編寫page層代碼
1.在page包下新建類PageDemoBaidu，並使用生成的生成的bean層代碼，page層組合bean層的代碼，往搜索框中輸入"Web自動化框架lazyUI"，並點擊「百度一下」按鈕。
示例中sleep3秒，以便人眼能看到瀏覽器的返回結果。
STEP5： 編寫test層代碼
1.在test包下新建TestDemoBaidu類，編寫test層代碼，
2.如上圖「紅框1」所示，打開瀏覽器，並跳轉到：https://www.baidu.com/
3.如上圖「紅框1」所示，調用page層代碼的search()方法，實現模擬人的操做：輸入數據，並點擊搜索。
4.固然，此處也能夠增長一些必要的校驗。
STEP6： 運行測試用例，查看運行結果
前置條件：安裝了eclipse的testng插件
1. 在TestDemoBaidu類上右鍵，點擊run as->testNG test
2. 能夠看到程序會打開瀏覽器，並跳轉到百度，輸入並搜索，搜索結果以下：
小結
本文只是簡單演示了基於百度搜索的第一個測試用例，旨在快速上手，加強你們的信心，所以並無對細節作過多的介紹。
後續文章會詳細解讀每一個模塊，以及支持的API，歡迎繼續閱讀。
你這麼好看，「分享」、「在看」、「贊」總得點一個吧^O^
本文分享自微信公衆號 - 軟件測試大咖經驗分享（gh_8a6f5732cffa）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。