Selenium (2) —— Selenium WebDriver + Grid2（101 Tutorial）

#encoding:utf-8
  require 'selenium-webdriver'
  # 向hub请求一个firefox的webdriver
  dr = Selenium::WebDriver.for(:remote,:url => 'http://localhost:4444/wd/hub', :desired_capabilities => :firefox)
  #将浏览器导航至cnblogs网站的登录页
  dr.navigate.to 'http://passport.cnblogs.com/user/signin'
  #输入用户名
  dr.find_element(:id,'input1').send_keys('weizhe_2008')        
  #输入密码
  dr.find_element(:id,'input2').send_keys(‘********’)        
  #点击登陆
  dr.find_element(:id,'signin').click      
  sleep 10
  #关闭浏览器
  dr.close

保存后在当前目录下，运行

$ ruby login_cnblogs.rb

查看firefox webdriver输出

查看selenium hub输出

若是一切正常，hub会自动运行一个firefox代理，而后执行咱们以上的脚本并自动登录cnblogs

以上咱们只是完成了一个简单的自动化登录的脚本，还不是一个完整的测试，下面咱们引入rspec来将这个测试补充完整。

一个rspec测试脚本（示例二）

首先gem安装rspec

$ sudo gem install rspec

执行结果：

Successfully installed rspec-3.4.0
  Parsing documentation for rspec-3.4.0
  1 gem installed

新建文件login_cnblogs_spec.rb

#encoding:utf-8
  # $ sudo gem install rspec
  require 'selenium-webdriver'
  require 'logger'

  RSpec.describe 'cnblogs main login page' do
      context 'input the wrong passwd' do
          it 'login failed,and return "用户名或密码错误"' do
              dr = Selenium::WebDriver.for(:remote,:url => 'http://localhost:4444/wd/hub',:desired_capabilities => :firefox)

              dr.navigate.to 'http://passport.cnblogs.com/user/signin'
              #输入用户名
              dr.find_element(:id,'input1').send_keys('weizhe_2008')        
              #输入密码
              dr.find_element(:id,'input2').send_keys('********')        
              #点击登陆
              dr.find_element(:id,'signin').click  

              sleep 10

              #result = dr.find_element(:id,'tip_btn').text
              result = dr.find_element(:id,'tip_btn').attribute("innerHTML")
              logger = Logger.new(STDOUT) 
              logger.info(result)
              #rspec eq会自动为换行符加上\
              expect = '用户名或密码错误<br><br>联系 contact@cnblogs.com'
              expect(result).to eq(expect)
              #关闭浏览器
              dr.close 
          end
      end
  end

以上测试为一个登录错误行为提供验证，若是登录错误，页面上会提示“用户名或密码错误

联系 contact@cnblogs.com”字样，咱们须要作的就是获取这段提示信息元素的内容，并查看指望的信息是否与之相同

命令行运行

$ rspec login_cnblogs_spec.rb --format doc

返回信息

cnblogs main login page
    input the wrong passwd
  I, [2016-01-04T10:00:07.578980 #12150]  INFO -- : 用户名或密码错误<br><br>联系 contact@cnblogs.com
      login failed,and return "用户名或密码错误"

  Finished in 12.21 seconds (files took 0.1758 seconds to load)
  1 example, 0 failures

查看firefox代理下的输出

重构（示例三）

以上只是一个简单的测试，全部的信息都杂糅在一个文件中，要让测试用例变得健壮，易阅读，易维护。那就是经过面向对象的方式，再加上逻辑和数据分离的方式来处理，这个才是自动化测试的核心思想。
- 设计思路
  
  设想对登陆进行手工测试，会想到一些测试用例（验证错误的用户名正确的密码；用户名和密码为空直接点击登录按钮。等等），若是每一个用例都要写一套代码的话，会发现有些地方出现代码重复，不利于测试代码的维护。进一步研究发现，有些测试对象也是能够复用的，好比在登录的时候咱们会用到密码输入框、点击登陆按钮等，能够把这些“基本动做”封装到一个类中，这样代码的灵活性和适用性将会更强。即，面向对象编程。
- 所以对测试目录结构作了一些调整：
  
  新建一个文件夹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

../login/action/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.attribute("innerHTML")
      end
  end

../login/config/login_data.yml

data:
  mainpage:
  huburl: http://localhost:4444/wd/hub
  url: http://passport.cnblogs.com/login.aspx
  title: 用户登陆 - 博客园用户中心
  logindata:
  wrong:
  username: weizhe_2008
  password: 12345678
  message: '用户名或密码错误<br><br>联系 contact@cnblogs.com'

../login/spec/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["huburl"],:desired_capabilities => :firefox)
          @dr.navigate.to @data["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["username"], @data["password"])
              sleep 10

              expect(@driver.message).to eql (@data["message"])
          end
      end
  end

../login/tool/login_dialog.rb

#encoding:utf-8

  require 'selenium-webdriver'
  module Login_Dialog
      def get_username
          @dr.find_element(:id,'input1')
      end
      def get_passwd
          @dr.find_element(:id,'input2')
      end
      def get_submit
          @dr.find_element(:id,'signin')
      end
      def get_message
          @dr.find_element(:id,'tip_btn')
      end
  end

在../login/spec下运行

:ruby Richard$ cd login
:login Richard$ ls
action  config  spec    tool
:login Richard$ cd spec/
:spec Richard$ ls
login_cnblogs_spec.rb
:spec Richard$ rspec login_cnblogs_spec.rb --format doc

能够获得示例二中相同的结果

Selenium (2) —— Selenium WebDriver + Grid2（101 Tutorial）

Selenium (2) —— Selenium WebDriver + Grid2（101 Tutorial）

准备

代码

一个简单的脚本（示例一）

一个rspec测试脚本（示例二）

重构（示例三）

../login/action/login_page.rb

../login/config/login_data.yml

../login/spec/login_cnblogs_spec.rb

../login/tool/login_dialog.rb

结束