手把手教你Selenium_前期知识准备

在开始selenium之前，总得知道selenium是做啥的，环境大致需要些什么软件，如何进行的测试。



关于selenium的相关背景知识，推荐文档：Selenium私房菜（新手入门教程）.pdf

下载：http://download.csdn.net/detail/testingba/3811306


XPath教程.pdf 是讲解对象引用的常见方法xpath的，差不多翻翻看得懂就行，反正firefox有插件firebug，可以即时看看对象的xpath。自己编写xpath基本上不会遇到。

下载：http://download.csdn.net/detail/testingba/3811337


Selenium 中文API.doc 这个是参考手册，留在手边用作参考吧，还是中文版的，比较难得。

下载：http://download.csdn.net/detail/testingba/3811354

手把手教你selenium_搭建环境_软件下载

我期望的selenium开发流程是：

1． 打开firefox，打开seleniumIDE进行脚本录制和回放，调试的时候可能需要firebug插件查看页面中的对象；

2． 生成junit4的java代码后，导入eclipse的java工程中，启动seleniumRC，然后直接运行回放脚本。

假设读者和我一样是全面空白状态，那就需要下载的文件清单：

1． firefox

2． seleniumIDE

3． firebug

4． SeleniumRC

5． Selenium Client Drivers

6． JDK1.6

7． Eclipse

8． JUNIT4

Selenium相关介质下载：

1. 下载firefox：

http://www.firefox.com.cn/download/

下载得到文件：Firefox-latest.exe

2. 下载seleniumIDE

http://seleniumhq.org/projects/ide/

选择download的TAB页

下载 seleniumIDE1.4.1，下载文件为：selenium-ide-1.4.1.xpi

3. 下载安装firebug

下一篇文章讲解环境的搭建

4. 下载SeleniumRC

http://seleniumhq.org/projects/ide/

选择download的TAB页

下载的2.12.0，下载文件为：selenium-server-standalone-2[1].12.0.jar

5. 下载Selenium Client Drivers

http://seleniumhq.org/projects/ide/

选择download的TAB页

获取selenium-java-client-driver.jar，用于java 语言的Selenium 开发

下载文件为：selenium-java-2[1].12.0.zip，解压为：selenium-2.12.0，里面包含selenium-java-2.12.0.jar。

selenium帮助文档：http://selenium.googlecode.com/svn/trunk/docs/api/java/index.html

6. 下载JDK1.6

Jdk下载可以到官网：

http://www.java.net/download/jdk6/6u10/promoted/b32/binaries/jdk-6u10-rc2-bin-b32-windows-i586-p-12_sep_2008.exe

我自己是用的：jdk1.6.0_18

7. 下载eclipse

下载eclipse：

http://www.eclipse.org/downloads/

Eclipse Classic 3.7.1, 174 MB，我本机是xp系统的，所以下载的是32bit的版本

8. 下载JUNIT4

通常下载安装eclipse的时候会带上junit，没必要单独去下载junit，

下载：http://sourceforge.net/projects/junit/files/junit/4.10/junit-4.10.jar/download

下载文件名为：junit-4.10.jar

好吧，下载完上面文件清单， 下一篇就讲讲环境搭建了

手把手教你selenium_搭建环境_软件安装

下载完成下面的文件后，开始安装环境：

1． firefox

2． seleniumIDE

3． firebug

4． SeleniumRC

5． Selenium Client Drivers

6． JDK1.6

7． Eclipse

8． JUNIT4

Selenium相关介质下载：

1. 安装firefox：

安装步骤：002.jpg

2. 安装seleniumIDE

打开firefox浏览器，把selenium-ide-1.4.1.xpi拖放到firefox

003.jpg

点击立即安装，安装完成后，提示，点击立即重启：

004.JPG

重启浏览器后，工具栏出现seleniumIDE

005.JPG

3. 下载安装firebug

打开firefox浏览器，选择工具――附加组件，打开附加组件管理器页面，搜索firebug，点击安装，重启浏览器后生效：

006.jpg

4. SeleniumRC

启动seleniumRC的方法：

java -jar selenium-server-standalone-2[1].12.0.jar

009.jpg

5. Selenium Client Drivers使用

Eclipse中建立java工程后，引用selenium-java-2.12.0.jar

6. JDK1.6

Jdk1.6我没有使用安装版本，直接拷贝后，设置环境变量：

我的电脑—属性—高级—环境变量—创建环境变量JAVA_HOME，修改PATH

例子：

PATH=$PATH;%JAVA_HOME%\bin

JAVA_HOME=C:\jdk1.6.0_18

测试环境变量设置是否生效：

任意路径下输入：java –version

返回：

java version "1.6.0_15"

Java(TM) SE Runtime Environment (build1.6.0_15-b03)

Java HotSpot(TM) Client VM (build 14.1-b02,mixed mode, sharing)

7. eclipse

配置好JDK就可以了，绿色版本不用安装

8. JUNIT4

Eclipse中建立java工程后，还需要引用junit-4.10.jar

整个环境搭建好了，下一篇文章就讲讲如何完成一个selenium的测试回放流程。

手把手教你selenium_第一个脚本_登录新浪微博

假定各位以前看过前两篇文章，已经搭建好了环境，现在开始录制回放第一个selenium的脚本：登录新浪微博

基本的步骤是：

1． 打开firefox，设置seleniumIDE选项，使之可以录制下junit的代码；

2． 使用seleniumIDE进行录制，生成代码；

3． 设置断言；

4． 打开eclipse，创建工程，新建包，包下面创建类，贴入代码；

5． 工程引用相关的库文件；

6． 调试：一步步运行回放

第一步：

打开firefox，设置seleniumIDE选项，使之可以录制下junit的代码；

先在firefox的工具菜单中打开seleniumIDE，然后在seleniumIDE1.4.1窗口中，打开菜单－options…>，按照下图设置：

001.JPG

设置好该项后，就可以录制出junit的脚本，否则缺省录制出selenium脚本，selenium脚本可以在seleniumIDE中回放，而junit的脚本就需要导入ecplise中来执行了。

002.JPG

第二步：使用seleniumIDE进行录制，生成代码；

seleniumIDE点击录制，在firefox中访问网址，进行操作，操作完成后，页面暂时不要关闭，seleniumIDE停止录制，这时可以看到生成的junit代码，记得我们的版本是junit4呀。

第三步：设置断言

断言是代码级别的称谓，对于测试就是校验点，假定以是否出现发微薄的文本框为是否成功登录的校验点

打开firebug：

004.JPG

005.JPG

先点击firebug的<点击查看页面中的元素>，将鼠标移动到文本框控件上面，会出现浮动的蓝色框，点击鼠标左键，如下图，在文本上右键鼠标，选择复制XPath，得到该文本框的唯一引用

006.JPG

在点击了登录按钮后，新增加一句：

assertTrue(selenium.isElementPresent("xpath=/html/body/div/div[2]/div/div/div/div/div/div[4]/div/div/textarea"));

断言是什么？要不先翻翻手册吧。

第四步：打开eclipse，创建工程，新建包，包下面创建类，贴入代码；

创建工程：File—New—Projects…--java projects—项目名称:prjSelenium1—Finish

创建包：如下图选择上新建的项目-- File—New—Package—包名:pkgTest

007.JPG:

类似上图，选择上包-- File—New—Class—类名：ClsTest—finish

把之前的代码贴入ClsTest.java，修改下面标粗的内容：

将包名和类名改的和新建的一致

第五步：工程引用相关的库文件；

可以看到现在的代码全是红杠杠，那是因为找不到相应的库。

选择项目名，右键选择属性，按照下图设置：

008.JPG

此处的库文件包括了前文下载的相关的jar包。

三类jar包分别是模拟客户端，模拟服务器端（细节请看Selenium私房菜（新手入门教程）.pdf），虚拟机。

很快代码的红杠杠就没了，有些变成了黄杠杠，都是建议的，可以不用管他。

第六步：调试：一步步运行回放

首先需要启动seleniumRC，我自己创建了一个批处理，大家可以参考：

服务启动完成后（启动后啥样子，前一篇文章已经讲过），在代码上设置一个断点，光标停留在需要中断的语句处，按下ctrl+shift+b，由于旁边有黄色标记挡住了，有点看不出来是否设置成功了，仔细看看，会发现有那么几个象素点的变化的。我把断点设置在了< selenium.start();>。现在可以清理一下环境了，关闭firefox和seleniumIDE（当然你喜欢乱点也无所谓），选择ClsTest.java，右键选择Debug As—Junit Test，代码就开始运行了，停在了断点处，后续就什么F5,F6,F7（到时候看看ecplise的Run菜单）啥的往后一步步执行了。

好了，看看最后效果如何：

009．JPG

期间可能会遇到的问题：

That’s All. God bless u!

手把手教你selenium_如何使用google浏览器

.现在浏览器种类太多了，但是项目开发的时候是推荐用户使用google浏览器，所以最好在google浏览器上测试。

这事就讨厌了，照理首选qtp，不过这货现在变成了伤不起的胖纸，以前还几百兆呢，上次再见就一个多G了，最新的qtp据说已经肥到了坑爹的三个G，且不说需要去搞一个DB，还得装一个google浏览器的补丁，但是即便如此，代码是不可以录制的，只能徒手编程，神 哪。算了吧。

现在手上有个Testcomplete7.5，这个工具的能力毋庸置疑，的确不错。不过TC7.5支持比较好的是IE6。-_-|||

最后我没辙了，只好选择了selenium来完成这个任务。

说两部分，一部分是交互模式的，一部分是代码中自动回放的，其实都是一回事。

第一部分：交互模式使用google浏览器

在selenium中启用google浏览器是很简单，其实只是一个配置的不同而已。之前启动seleniumRC是命令：

java -jar selenium-server-standalone-2[1].12.0.jar

现在要修改为交互模式：

java -jarselenium-server-standalone-2[1].12.0.jar –interactive

<引用>: Selenium服务器的“交互模式”是一种不需要任何代码的原型测试，因此有必要对初学者介绍Selenium Remote Control。在交互模式下，你可以在Selenium 服务器窗口中输入一行行的命令，在工作窗口的某个位置中立刻会执行你命令的结果。通常你可以选用你喜欢的语言编写你的测试代码，整个过程都是完全自动化的。

以我的理解，交互模式可以理解为一个命令解释器，selenium的各种命令你可以在这里一个命令一个命令的执行。而其实质是eclipse中的命令传入seleniumRC中后，是生成了一个参数串，传递给了seleniumRC启动的服务器。

现在启动一下试试：

你可能会问为啥知道输入：*googlechrome，其实可以用命令查询一下支持哪些浏览器，如下：

正常启动了浏览器以后，会获得一个sessionid，如下图，以后要调试命令就可以加上这个sessionid了

001.JPG

比如你要向google浏览器中的搜索栏中输入内容

cmd=type&1=q&2=搜索内容&sessionId=d1a4c7b4feda46719bdc3779da4c1e6d

这里的1＝q是什么意思？这里的q是搜索栏的名称

002.JPG

这下没问题了吧，就是单步执行命令而已。

什么？selenium有哪些命令？看看之前的< Selenium 中文API.doc >吧。

第二部分：代码中自动启动googlechrome浏览器

这个直接将原来的：

selenium = new DefaultSelenium("localhost",4444, "*chrome","http://weibo.com/login.php");

修改为：

selenium = newDefaultSelenium("localhost", 4444, "*googlechrome", "http://weibo.com/login.php");

没了，就这么简单。