代码改变世界

Web测试:Selenium使用

2008-12-23 10:49  敏捷的水  阅读(37586)  评论(16编辑  收藏  举报

本文包含的主要内容:

  • Selenium简介
  • 我应该使用哪一个Selenium工具
  • .Net人员如何编写自动测试
  • Selenium如何与每日集成工具集成
  • Selenium 中文手册

一. Selenium简介

Selenium 是 thoughtworks公司的一个集成测试的强大工具 http://seleniumhq.org/,他又几个部分,Selenium IDE是一个录制工具,他可以录制操作,并且可以自动产生各种语言的代码,Selenium IDE是一个FireFox插件,目前只能运行在FireFox浏览器。请看如下截图

image

image 

二、我应该使用哪一个Selenium工具

   下面列出了,不同的工具使用的场景

image

三、.Net人员如何编写自动测试

1. 下载Selenium RC

2. 安装JRE(如果已安装,则可略过此步)

3.  解压后启动远程测试服务器,这个是必须的 java -jar selenium-server.jar

image

4. 编写程序,运行测试

下面我用VS自带的测试来演示一下,其它的也差不多

a. 建立一个测试工程,并引入如下的DLL

image

b. 编写如下代码

using System;

using System.Text;

using System.Collections.Generic;

using System.Linq;

using Microsoft.VisualStudio.TestTools.UnitTesting;

using Selenium;

using ThoughtWorks.Selenium;

namespace SeleniumDemo

{

    /// <summary>

    /// Summary description for UnitTest1

    /// </summary>

    [TestClass]

    public class TestGoogle

    {

        public TestGoogle()

        {

 

        }

 

        [TestMethod]

        public void Test_Googel_Search_Jack_Wang()

        {

            DefaultSelenium sel = new DefaultSelenium("10.10.50.50", 4444, "*iexplore", @"http://www.google.cn");

            sel.Start();                     

            sel.Open(@"http://www.google.cn/");

            sel.Type("q", "jack wang");

            sel.Click("btnG");

            sel.WaitForPageToLoad("3000");

            Assert.IsTrue(sel.GetTitle().Contains("Google"));

            sel.Stop();

        }

    }

}

c. 运行测试,这里是自动操作的界面

image

image

四、Selenium如何与每日集成工具集成

这里我只演示与CruiseControl.Net的集成,只要我们添加一个任务就可以,测试的结果会自动放到DashBoard的报告里

image

五、Selenium 中文手册

Commands (命令)

  • Action
    对当前状态进行操作
    失败时,停止测试
  • Assertion
    校验是否有产生正确的值
  • Element Locators
    指定HTML中的某元素
  • Patterns
    用于模式匹配

1. Element Locators (元素定位器)

  • id=id
    id locator 指定HTML中的唯一id的元素
  • name=name
    name locator指定 HTML中相同name的元素中的第一个元素
  • identifier=id
    identifier locator 首先查找HTML是否存在该id的元素, 若不存在,查找第一个该name的元素
  • dom=javascriptExpression
    dom locator用JavaScript表达式来定位HTML中的元素,注意必须要以"document"开头
    例如:
    dom=document.forms['myForm'].myDropdown
    dom=document.images[56]
  • xpath=xpathExpression
    xpath locator用 XPath 表达式来定位HTML中的元素,必须注意要以"//"开头
    例如:
    xpath=//img[@alt='The image alt text']
    xpath=//table[@id='table1']//tr[4]/td[2]
  • link=textPattern
    link locator 用link来选择HTML中的连接或锚元素
    例如:
    link=The link text
  • 在没有locator前序的情况下 Without a locator prefix, Selenium uses:
    如果以"document."开头,则默认是使用 dom locator,如果是以"//"开头,则默认使用xpath locator,其余情况均认作identifier locator

2. String Matching Patterns (字符串匹配模式)

  • glob:patthern
    glob模式,用通配符"*"代表任意长度字符,"?"代表一个字符
  • regexp:regexp
    正则表达式模式,用JavaScript正则表达式的形式匹配字符串
  • exact:string
    精确匹配模式,精确匹配整个字符串,不能用通配符
  • 在没有指定字符串匹配前序的时候,selenium 默认使用golb 匹配模式

3. Select Option Specifiers (Select选项指定器)

  • label=labelPattern
    通过匹配选项中的文本指定选项
    例如:label=regexp:^[Oo]ther
  • value=valuePattern
    通过匹配选项中的值指定选项
    例如:value=other
  • id=id
    通过匹配选项的id指定选项
    例如: id=option1
  • index=index
    通过匹配选项的序号指定选项,序号从0开始
    例如:index=2
  • 在没有选项选择前序的情况下,默认是匹配选项的文本

Actions

描述了用户所会作出的操作。
Action 有两种形式: action和actionAndWait, action会立即执行,而actionAndWait会假设需要较长时间才能得到该action的相响,而作出等待,open则是会自动处理等待时间。

  • click
    click(elementLocator)
    - 点击连接,按钮,复选和单选框
    - 如果点击后需要等待响应,则用"clickAndWait"
    - 如果是需要经过JavaScript的alert或confirm对话框后才能继续操作,则需要调用verify或assert来告诉Selenium你期望对对话框进行什么操作。
    click aCheckbox  
    clickAndWait submitButton  
    clickAndWait anyLink  
  • open
    open(url)
    - 在浏览器中打开URL,可以接受相对和绝对路径两种形式
    - 注意:该URL必须在与浏览器相同的安全限定范围之内
    open /mypage  
    open http://localhost/  
  • type
    type(inputLocator, value)
    - 模拟人手的输入过程,往指定的input中输入值
    - 也适合给复选和单选框赋值
    - 在这个例子中,则只是给钩选了的复选框赋值,注意,而不是改写其文本
    type nameField John Smith
    typeAndWait textBoxThatSubmitsOnChange newValue
  • select
    select(dropDownLocator, optionSpecifier)
    - 根据optionSpecifier选项选择器来选择一个下拉菜单选项
    - 如果有多于一个选择器的时候,如在用通配符模式,如"f*b*",或者超过一个选项有相同的文本或值,则会选择第一个匹配到的值
    select  dropDown Australian Dollars
    select  dropDown index=0
    selectAndWait currencySelector value=AUD
    selectAndWait currencySelector label=Auslian D*rs
  •  goBack,close
    goBack()
    模拟点击浏览器的后退按钮
    close()
    模拟点击浏览器关闭按钮
  • selectWindow
    select(windowId)
    - 选择一个弹出窗口
    - 当选中那个窗口的时候,所有的命令将会转移到那窗口中执行
    selectWindow myPopupWindow  
    selectWindow null  
  • pause
    pause(millisenconds)
    - 根据指定时间暂停Selenium脚本执行
    - 常用在调试脚本或等待服务器段响应时
    pause 5000  
    pause 2000  
  • fireEvent
     fireEvent(elementLocatore,evenName)
    模拟页面元素事件被激活的处理动作
    fireEvent textField focus
    fireEvent dropDown blur
  • waitForCondition
    waitForCondition(JavaScriptSnippet,time)
    - 在限定时间内,等待一段JavaScript代码返回true值,超时则停止等待
    waitForCondition var value=selenium.getText("foo"); value.match(/bar/); 3000
  • waitForValue
    waitForValue(inputLocator, value)
    - 等待某input(如hidden input)被赋予某值,
    - 会轮流检测该值,所以要注意如果该值长时间一直不赋予该input该值的话,可能会导致阻塞
    waitForValue finishIndication isfinished
         
  • store,stroreValue
    store(valueToStore, variablename)
    保存一个值到变量里。
    该值可以由自其他变量组合而成或通过JavaScript表达式赋值给变量
    store Mr John Smith fullname
    store $.{title} $.{firstname} $.{suname} fullname
    store javascript.{Math.round(Math.PI*100)/100} PI
    storeValue inputLocator variableName

    把指定的input中的值保存到变量中

    storeValue userName userID
    type userName $.{userID}
  • storeText, storeAttribute
    storeText(elementLocator, variablename)
    把指定元素的文本值赋予给变量
    storeText currentDate expectedStartDate
    verifyValue startDate $.{expectedStartDate}

    storeAttribute(.{}elementLocator@attributeName,variableName.{)
    把指定元素的属性的值赋予给变量

    storeAttribute input1@class  classOfInput1
    verifyAttribute input2@class $.{classOfInput1}
  • chooseCancel.., answer..
    chooseCancelOnNextConfirmation()
    - 当下次JavaScript弹出confirm对话框的时候,让selenium选择Cancel
    - 如果没有该命令时,遇到confirm对话框Selenium默认返回true,如手动选择OK按钮一样
    chooseCancelOnNextConfirmation     

    - 如果已经运行过该命令,当下一次又有confirm对话框出现时,也会同样地再次选择Cancel
    answerOnNextPrompt(answerString)
    - 在下次JavaScript弹出prompt提示框时,赋予其anweerString的值,并选择确定

    answerOnNextPrompt Kangaroo  

Assertions

允许用户去检查当前状态。两种模式: Assert 和 Verify, 当Assert失败,则退出测试;当Verify失败,测试会继续运行。

  • assertLocation, assertTitle
    assertLocation(relativeLocation)
    判断当前是在正确的页面
    verifyLocation /mypage  
    assertLocation /mypage  
  • assertTitle(titlePattern)
    检查当前页面的title是否正确
    verifyTitle My Page  
    assertTitle My Page  
  • assertValue
    assertValue(inputLocator, valuePattern)
    - 检查input的值
    - 对于 checkbox或radio,如果已选择,则值为"on",反之为"off"
    verifyValue nameField John Smith
    assertValue document.forms[2].nameField John Smith
  • assertSelected, assertSelectedOptions
    assertSelected(selectLocator, optionSpecifier)
    检查select的下拉菜单中选中的选型是否和optionSpecifer(Select选择选项器)的选项相同
    verifySelected dropdown2 John Smith
    verifySelected dorpdown2 value=js*123
    assertSelected document.forms[2].dropDown label=J*Smith
    assertSelected document.forms[2].dropDown index=0
  • assertSelectOptions(selectLocator, optionLabelList)
    - 检查下拉菜单中的选项的文本是否和optionLabelList相同
    - optionLabelList是以逗号分割的一个字符串
    verifySelectOptions dropdown2 John Smith,Dave Bird
    assertSelectOptions document.forms[2].dropdown Smith,J,Bird,D
  • assertText
    assertText(elementLocator,textPattern)
    - 检查指定元素的文本
    - 只对有包含文本的元素生效
    - 对于Mozilla类型的浏览器,用textContent取元素的文本,对于IE类型的浏览器,用innerText取元素文本
    verifyText statusMessage Successful
    assertText //div[@id='foo']//h1 Successful
  • assertTextPresent, assertAttribute
    assertTextPresent(text)
    检查在当前给用户显示的页面上是否有出现指定的文本
    verifyTextPresent You are now logged in  
    assertTextPresent You are now logged in  
  • assertAttribute(.{}elementLocator@attributeName.{, ValuePattern)
    检查当前指定元素的属性的值
    verifyAttribute txt1@class bigAndBlod
    assertAttribute document.images[0]@alt alt-text
    verifyAttribute //img[@id='foo']/alt alt-text
  • assertTextPresent, etc.
    assertTextPresent(text)
    assertTextNotPresent(text)
    assertElementPresent(elementLocator)
    verifyElementPresent submitButton  
    assertElementPresent //img[@alt='foo']   assertElementNotPresent(elementLocator)
  • assertTable
    assertTable(cellAddress, valuePattern)
    - 检查table里的某个cell中的值
    - cellAddress的语法是tableName.row.column, 注意行列序号都是从0开始
    verifyTable myTable.1.6 Submitted
    assertTable results0.2 13
  • assertVisible, nonVisible
    assertVisible(elementLocator)
    - 检查指定的元素是否可视的
    - 隐藏一个元素可以用设置css的'visibility'属性为'hidden',也可以设置'display'属性为'none'
    verfyVisible postcode  
    assertVisible postcode  
  • assertNotVisible(elementLocator)
    verfyNotVisible postcode  
    assertNotVisible postcode  
  • Editable, non-editable
    assertEditable(inputLocator)
    检查指定的input是否可以编辑
    verifyEditable shape  
    assertEditable colour  
  • assertNotEditable(inputLocator)
    检查指定的input是否不可以编辑
  • assertAlert
    assertAlert(messagePattern)
    - 检查JavaScript是否有产生带指定message的alert对话框
    - alert产生的顺序必须与检查的顺序一致
    - 检查alert时会产生与手动点击'OK'按钮一样的效果。如果一个alert产生了,而你却没有去检查它,selenium会在下个action中报错。
    - 注意:Selenium 不支持 JavaScript 在onload()事件时 调用alert();在这种情况下,Selenium需要你自己手动来点击OK.
  • assertConfirmation
    assertConfirmation(messagePattern)
    - 检查JavaScript是否有产生带指定message的confirmation对话框和alert情况一样,confirmation对话框也必须在它们产生的时候进行检查
    - 默认情况下,Selenium会让confirm() 返回true, 相当于手动点击Ok按钮的效果。你能够通过chooseCancelOnNextConfirmation命令让confirm()返回false.同样地,如果一个cofirmation对话框出现了,但你却没有检查的话,Selenium将会在下个action中报错
    - 注意:在Selenium的环境下,confirmation对话框框将不会再出现弹出显式对话框
    - 注意:Selenium不支持在onload()事件时调用confirmation对话框,在这种情况下,会出现显示confirmatioin对话框,并需要你自己手动点击。
  • assertPrompt
    assertPrompt(messagePattern)
    - 检查JavaScript是否有产生带指定message的Prompt对话框
    - 你检查的prompt的顺序Prompt对话框产生的顺序必须相同
    - 必须在verifyPrompt之前调用answerOnNextPrompt命令
    - 如果prompt对话框出现了但你却没有检查,则Selenium会在下个action中报错
    answerOnNextPrompt Joe  
    click id=delegate  
    verifyPrompt Delegate to who?  

Parameters and Variables

参数和变量的声明范围由简单的赋值到JavaScript表达式赋值。
Store,storeValue 和storeText 为下次访问保存值。
在Selenium内部是用一个叫storeVars的map来保存变量名。

  • Variable Substitution 变量替换
    提供了一个简单的方法去访问变量,语法 $.{xxx}
    store Mr title
    storeValue nameField surname
    store $.{title} $.{suname} fullname
    type textElement Full name is: $.{fullname}
  • JavaScript Evaluation JavaScript赋值
    你能用JavaScript来构建任何你所需要的值。
    这个参数是以javascript开头,语法是 javascript.{'with a trailing'}。
    可以通过JavaScript表达式给某元素赋值。
    store javascript.{'merchant'+(new Date()).getTime()} merchantId
    type textElement javascript.{storedVars['merchantId'].toUpperCase()}