Selenium 介绍及使用

sunday_jia 发表于 2011-12-20 09:48

1.介绍<p class="MsoNormal" style="margin-bottom: 12pt; line-height: normal; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: white; ">Part1:简介<o:p></o:p>

<p class="MsoNormal" style="margin-bottom: 12pt; line-height: normal; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: white; ">Selenium是一套完整的Web应用程序测试系统，它包含了测试的录制（Selenium
IDE）、编写及运行（Selenium Remote
Control）和测试的并行处理（Selenium Grid）。Selenium的核心Selenium
Core基于JsUnit，完全由JavaScript编写，因此可运行于任何支持JavaScript的浏览器上。<o:p></o:p>

<p class="MsoNormal" style="margin-bottom: 12pt; line-height: normal; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: white; ">Part2:版本介绍<o:p></o:p>

（1）、SeleniumIDE：一个Firefox的附加组件，结合Firefox可以实现录制测试脚本，并在浏览器中模拟用户真实操作进行回放。而且可以生成一些简单的基于Selenium Remote
Control模式的简单代码。<o:p></o:p>

（2）、Selenium Core：整个测试机制的核心部分，即有assertion（断言）机制的test suite runner。它由一些纯js代码组成，可以运行在windows/linux的不同browser上 
Selenium Remote Control：一个代理与控制端，可代替Selenium core/
Selenium IDE的client端(相当于通过编程来实现一切)，是支持多语言的。<o:p></o:p>

2.安装<o:p></o:p>

       step0:前提，机器上有JDK1.5，eclipse，最好有能跑起来的web工程；    <o:p></o:p>

       step1:下载地址<a href="http://seleniumhq.org/download/">http://seleniumhq.org/download/</a> 页面中 Selenuium Client
Drivers下java版本的client 以及Selenium Server<o:p></o:p>

       step2:启动 Selenium的server java -jar selenium-server.jar<o:p></o:p>

3.测试<o:p></o:p>

       step1：在eclipse中新建一个java web工程，加入junit 和  selenium server 的jar包；<o:p></o:p>

       step2：新建java文件代码如下：<o:p></o:p>

<o:p> </o:p>

<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="95%" style="width:95.0%;background:#F1F1F1;border-collapse:collapse;border:none;
mso-border-alt:outset #999999 .75pt;mso-yfti-tbllook:1184;mso-padding-alt:
0in 0in 0in 0in">
<tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="border:inset #999999 1.0pt;mso-border-alt:inset #999999 .75pt;
padding:0in 0in 0in 0in">
package cn.edie; 
 
import org.openqa.selenium.server.SeleniumServer; 
import com.thoughtworks.selenium.DefaultSelenium; 
import junit.framework.TestCase; 
public class Selenium extends TestCase{ 
 private DefaultSelenium
selenium; 
 private SeleniumServer server; 
    public void setUp() throws Exception { 
        String url = "http://www.google.com"; 
        selenium = (DefaultSelenium) new DefaultSelenium("localhost", 4444,"*iexplore", url); //4444 is default
server port 
 
   selenium.start();  
   server = new SeleniumServer(); 
    } 
    protected void tearDown() throws Exception { 
        selenium.stop(); 
        server.stop();  
    } 
   
    public void testGoogle() throws Throwable { 
        selenium.open("http://www.google.com/webhp?hl=en"); 
        assertEquals("Google", selenium.getTitle()); 
        selenium.type("q", "2012"); 
        assertEquals("2012", selenium.getValue("q")); 
        selenium.click("btnG"); 
        selenium.waitForPageToLoad("5000"); 
        assertEquals("2012 - Google
Search", selenium.getTitle()); 
    } 
    
}<o:p></o:p>
</td>
</tr>
</tbody></table>

<o:p> </o:p>

step3: 在文件上点右键 run as->junit test 运行弹出浏览器窗口，自动测试。<o:p></o:p>

 

4.用法：<o:p></o:p>

网上找到的用法。其他介绍：<a href="http://liujianguangaaa.blog.163.com/blog/static/3689529420103982551410/">http://liujianguangaaa.blog.163.com/blog/static/3689529420103982551410/</a>

1、测试文本输入框<o:p></o:p>

假设页面上有一个文本输入框，我们要测试的内容是 在其中输入一些内容，然后点击一个按钮，看看页面的是否跳转 
到需要的页面。<o:p></o:p>

<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="95%" style="width:95.0%;background:#F1F1F1;border-collapse:collapse;border:none;
mso-border-alt:outset #999999 .75pt;mso-yfti-tbllook:1184;mso-padding-alt:
0in 0in 0in 0in">
<tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="border:inset #999999 1.0pt;mso-border-alt:inset #999999 .75pt;
padding:0in 0in 0in 0in">
public void test1() {  
            
    selenium.open("http://xxx.xxx.xxx/yyy");  
            
    selenium.type("xpath=//input[@name='userID']", "test-user");  
    selenium.click("xpath=//input[@type='button']");  
    selenium.waitForPageToLoad("2000");  
    assertEquals(selenium.getTitle(), "Welcome");  
}<o:p></o:p>
</td>
</tr>
</tbody></table>

上面的代码是这个意思： 
1、调用 selenium.open 方法，浏览器会打开相应的页面 
2、使用 type 方法来给输入框输入文字 
3、等待页面载入 
4、看看新的页面标题是不是我们想要的。<o:p></o:p>

2、测试下拉框<o:p></o:p>

java 代码

<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="95%" style="width:95.0%;background:#F1F1F1;border-collapse:collapse;border:none;
mso-border-alt:outset #999999 .75pt;mso-yfti-tbllook:1184;mso-padding-alt:
0in 0in 0in 0in">
<tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="border:inset #999999 1.0pt;mso-border-alt:inset #999999 .75pt;
padding:0in 0in 0in 0in">
public void test1() {  
                
    selenium.open("http://xxx.xxx.xxx/yyy");  
                
    selenium.select("xpath=//SELECT[@name='SBBUSYO']", "index=1");  
    selenium.click("xpath=//input[@type='button']");  
    selenium.waitForPageToLoad("2000");  
    assertEquals(selenium.getTitle(), "Welcome");  
}<o:p></o:p>
</td>
</tr>
</tbody></table>

<o:p> </o:p>

<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="95%" style="width:95.0%;background:#F1F1F1;border-collapse:collapse;border:none;
mso-border-alt:outset #999999 .75pt;mso-yfti-tbllook:1184;mso-padding-alt:
0in 0in 0in 0in">
<tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="border:inset #999999 1.0pt;mso-border-alt:inset #999999 .75pt;
padding:0in 0in 0in 0in"></td>
</tr>
</tbody></table>

可以看到，我们可以使用 select 方法来确定选择下拉框中的哪个选项。 
select 方法还有很多用法，具体去看看文档吧。<o:p></o:p>

3、测试check box<o:p></o:p>

java 代码<o:p></o:p>

<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="95%" style="width:95.0%;background:#F1F1F1;border-collapse:collapse;border:none;
mso-border-alt:outset #999999 .75pt;mso-yfti-tbllook:1184;mso-padding-alt:
0in 0in 0in 0in">
<tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="border:inset #999999 1.0pt;mso-border-alt:inset #999999 .75pt;
padding:0in 0in 0in 0in">
public void test1() {  
                    
    selenium.open("http://xxx.xxx.xxx/yyy");  
                    
    selenium.check("xpath=//input[@name='MEICK_000']");  
    selenium.click("xpath=//input[@type='button']");  
    selenium.waitForPageToLoad("2000");  
    assertEquals(selenium.getTitle(), "Welcome");  
}<o:p></o:p>
</td>
</tr>
</tbody></table>

我们可以使用 check 方法来确定选择哪个radio button<o:p></o:p>

4、得到文本框里的文字<o:p></o:p>

java 代码<o:p></o:p>

<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="95%" style="width:95.0%;background:#F1F1F1;border-collapse:collapse;border:none;
mso-border-alt:outset #999999 .75pt;mso-yfti-tbllook:1184;mso-padding-alt:
0in 0in 0in 0in">
<tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="border:inset #999999 1.0pt;mso-border-alt:inset #999999 .75pt;
padding:0in 0in 0in 0in">
assertEquals(selenium.getValue("xpath=//input[@name='WNO']"), "1");<o:p></o:p>
</td>
</tr>
</tbody></table>

       <o:p></o:p>

getValue 方法就是得到文本框里的数值，可不是 getText 方法，用错了可就郁闷了。<o:p></o:p>

5、判断页面是否存在一个元素<o:p></o:p>

java 代码<o:p></o:p>

<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="95%" style="width:95.0%;background:#F1F1F1;border-collapse:collapse;border:none;
mso-border-alt:outset #999999 .75pt;mso-yfti-tbllook:1184;mso-padding-alt:
0in 0in 0in 0in">
<tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="border:inset #999999 1.0pt;mso-border-alt:inset #999999 .75pt;
padding:0in 0in 0in 0in">
assertTrue(selenium.isElementPresent("xpath=//input[@name='MEICK_000']"));<o:p></o:p>
</td>
</tr>
</tbody></table>

一般这个是用来测试当删除一些数据后，页面上有些东西就不会显示的情况。<o:p></o:p>

6、判断下拉框里选择了哪个选项<o:p></o:p>

java 代码<o:p></o:p>

<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="95%" style="width:95.0%;background:#F1F1F1;border-collapse:collapse;border:none;
mso-border-alt:outset #999999 .75pt;mso-yfti-tbllook:1184;mso-padding-alt:
0in 0in 0in 0in">
<tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="border:inset #999999 1.0pt;mso-border-alt:inset #999999 .75pt;
padding:0in 0in 0in 0in">
assertEquals(selenium.getSelectedIndex("xpath=//SELECT[@name='HATIMING']"),"1");<o:p></o:p>
</td>
</tr>
</tbody></table>

这个可以用来判断下拉框显示的选项是否是期望的选项。<o:p></o:p>

7、如果有 alert 弹出对话框怎么办？<o:p></o:p>

这个问题弄了挺长时间，可以这样来关闭弹出的对跨框：<o:p></o:p>

java 代码<o:p></o:p>

<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="95%" style="width:95.0%;background:#F1F1F1;border-collapse:collapse;border:none;
mso-border-alt:outset #999999 .75pt;mso-yfti-tbllook:1184;mso-padding-alt:
0in 0in 0in 0in">
<tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="border:inset #999999 1.0pt;mso-border-alt:inset #999999 .75pt;
padding:0in 0in 0in 0in">
if(selenium.isAlertPresent()) {  
   selenium.getAlert();  
}<o:p></o:p>
</td>
</tr>
</tbody></table>

其实当调用 selenium.getAlert() 时，就会关闭 alert 弹出的对话框。 
也可以使用 System.out.println(selenium.getAlert()) 来查看对跨框显示的信息。<o:p></o:p>

在测试的时候，有的人会显示许多alert 来查看运行时的数据，那么我们可以用下面的方式来关闭那些 alert:<o:p></o:p>

java 代码

<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="95%" style="width:95.0%;background:#F1F1F1;border-collapse:collapse;border:none;
mso-border-alt:outset #999999 .75pt;mso-yfti-tbllook:1184;mso-padding-alt:
0in 0in 0in 0in">
<tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="border:inset #999999 1.0pt;mso-border-alt:inset #999999 .75pt;
padding:0in 0in 0in 0in">
while(selenium.isAlertPresent()) {    
   selenium.getAlert();  
}<o:p></o:p>
</td>
</tr>
</tbody></table>

8、如何测试一些错误消息的显示？<o:p></o:p>

java 代码<o:p></o:p>

<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="95%" style="width:95.0%;background:#F1F1F1;border-collapse:collapse;border:none;
mso-border-alt:outset #999999 .75pt;mso-yfti-tbllook:1184;mso-padding-alt:
0in 0in 0in 0in">
<tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="border:inset #999999 1.0pt;mso-border-alt:inset #999999 .75pt;
padding:0in 0in 0in 0in">
assertTrue(selenium.getBodyText().indexOf("错误消息")>=0);<o:p></o:p>
</td>
</tr>
</tbody></table>

切记： getBodyText 返回的时浏览器页面上的文字，不回包含html 代码的，如果要显示html 代码，用下面这个:<o:p></o:p>

java 代码<o:p></o:p>

<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="95%" style="width:95.0%;background:#F1F1F1;border-collapse:collapse;border:none;
mso-border-alt:outset #999999 .75pt;mso-yfti-tbllook:1184;mso-padding-alt:
0in 0in 0in 0in">
<tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="border:inset #999999 1.0pt;mso-border-alt:inset #999999 .75pt;
padding:0in 0in 0in 0in">
System.out.println(selenium.getHtmlSource());<o:p></o:p>
</td>
</tr>
</tbody></table>

       <o:p></o:p>

以上就是最常用的几个方法了，例如 click, type, getValue 等等。 
还有就是一定要学习 xpath, 其实xpath 也可以有“与、或、非”的操作：<o:p></o:p>

java 代码<o:p></o:p>

<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="95%" style="width:95.0%;background:#F1F1F1;border-collapse:collapse;border:none;
mso-border-alt:outset #999999 .75pt;mso-yfti-tbllook:1184;mso-padding-alt:
0in 0in 0in 0in">
<tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="border:inset #999999 1.0pt;mso-border-alt:inset #999999 .75pt;
padding:0in 0in 0in 0in">
selenium.check("xpath=//input[(@name='KNYKBN')and(@value='Y')]");<o:p></o:p>
</td>
</tr>
</tbody></table>

<o:p> </o:p>

<o:p> </o:p>

附1：DefaultSelenium方法<o:p></o:p>

<a href="http://release.seleniumhq.org/selenium-remote-control/0.9.0/doc/java/com/thoughtworks/selenium/DefaultSelenium.html">http://release.seleniumhq.org/selenium-remote-control/0.9.0/doc/java/com/thoughtworks/selenium/DefaultSelenium.html</a><o:p></o:p>

附2：XPath教程 <a href="http://www.zvon.org/xxl/XPathTutorial/General_chi/examples.html">http://www.zvon.org/xxl/XPathTutorial/General_chi/examples.html</a><o:p></o:p>

页: [1]

Chinaunix's Archiver

Selenium 介绍及使用