本文以百度搜索为例，选用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源创计划”，欢迎正在阅读的你也加入，一块儿分享。