Selenium WebDriver + Grid2 + RSpec之旅（五）---面向对象设计用例

Selenium WebDriver + Grid2 + RSpec之旅（五）

                                                ----面向对象设计用例

前几节讲了怎么一步一步的从零开始到编写出一个简单的测试用例，这一节将要讲一下怎么让测试用例变得健壮，易阅读，易维护。那就是通过面向对象的方式，再加上逻辑和数据分离的方式来处理，这个才是自动化测试的核心思想。

设计思路

设想对登录进行手工测试，会想到一些测试用例（验证错误的用户名正确的密码；用户名和密码为空直接点击登陆按钮。等等），如果每个用例都要写一套代码的话，会发现有些地方出现代码重复，不利于测试代码的维护。进一步研究发现， 有些测试对象也是可以复用的，比如在登陆的时候我们会用到密码输入框、点击登录按钮等，可以把这些“基本动作”封装到一个类中，这样代码的灵活性和适用性 将会更强。即，面向对象编程。

因此对测试目录结构做了一些调整：

新建一个文件夹tool，用来定义一些获取控件的方法

新建一个文件夹action，用来定义一下页面操作的方法

新建一个文件夹spec，用来存放测试用例

新建一个文件夹config，用来存放测试用例所涉及到的测试数据

对于测试数据的管理，采用yaml来管理

1、在我们的工作目录下创建文件夹Login_Page (表示这个是一个登录页面的测试)

2、在Login_Page下分别创建文件夹tool，action，spec，config

3、action文件夹中新建文件login_page.rb

4、config文件夹中新建文件login_data.yml

5、spec文件夹中新建文件login_cnblogs_spec.rb

6、tool文件夹中新建文件login_dialog.rb

测试代码编写

1、login_data.yml中代码如下：

data:
    mainpage:
        huburl: http://localhost:4444/wd/hub
        url: http://passport.cnblogs.com/login.aspx
        title: 用户登录 - 博客园用户中心
    logindata:
        wrong:
            username: gqou
            password: 123456
            message: 用户名或密码错误

2、login_dialog.rb中代码如下

#encoding:utf-8

require 'selenium-webdriver'

module Login_Dialog
    def get_username
        @dr.find_element(:id,'tbUserName')
    end
    
    def get_passwd
        @dr.find_element(:id,'tbPassword')
    end
    
    def get_submit
        @dr.find_element(:name,'btnLogin')
    end
    
    def get_message
        @dr.find_element(:id,'Message')
    end

end

3、login_page.rb中代码如下：

#encoding:utf-8

require 'selenium-webdriver'
require File.dirname(__FILE__)+'/../tool/login_dialog'

class Login_Page
    include Login_Dialog
    
    def initialize(dr)
        @dr ||= dr
    end
    
    def login(username,passwd)
        get_username.send_keys(username)
        get_passwd.send_keys(passwd)
        get_submit.click
    end
    
    def message
        get_message.text
    end
    
end

4、login_cnblogs_spec.rb中代码如下

#encoding:utf-8
require 'selenium-webdriver'
require 'rspec'
require 'yaml'

require File.dirname(__FILE__)+'/../tool/login_dialog'
require File.dirname(__FILE__)+'/../action/login_page'

describe 'cnblogs main login page' do
    include Login_Dialog
    
    before (:all) do
        @data = YAML.load (File.open(File.dirname(__FILE__)+'/../config/login_data.yml'))
    end
    
    before (:each) do
        @dr = Selenium::WebDriver.for(:remote,:url => @data["data"]["mainpage"]["huburl"],:desired_capabilities => :firefox)
        @dr.navigate.to @data["data"]["mainpage"]["url"]
        @dr.manage.window.maximize()
        @driver = Login_Page.new(@dr)
    end
    
    after (:each) do
        @dr.quit
    end
    context 'input the wrong passwd' do
        it 'login failed,and return "用户名或密码错误"' do
            @driver.login(@data["data"]["logindata"]["wrong"]["username"],@data["data"]["logindata"]["wrong"]["password"])
            expect(@driver.message).to eql (@data["data"]["logindata"]["wrong"]["message"])
        end
    end
end

5、打开DOS窗口，切换到Login_Page目录下执行命令rspec -f doc,或者进入到spec目录下执行命令 rspec login_cnblogs_spec.rb -f doc

6、如果想要输出报告为html格式的话,只需要修改格式参数就可以了， rspec login_cnblogs_spec.rb -fh -o result.html，可以尝试一下哦！

7、OK，一条相对完美的用例产生了，并且成功运行。下一章节会讲解一下多浏览器的并行处理。