试用Selenium做网页自动化测试

突然想试试能否将web测试也自动化，经过搜索，发现了Selenium，尤其是支持最爱的Python，那就是它了!

准备工作

• CentOS7 + Python2.7 + Pip + Firefox(52版本) + VNCServer + GNOME
• 使用pip安装selenium这个package,安装后看到版本是3.4.1
• 下载最新的geckodriver-v0.16.1-linux64.tar.gz，解压后mv到/usr/local/bin
• Windows + Firefox + Selenium插件，用来获取参考脚本的

牛刀小试

• 目标是能实现自动登陆功能，先在交换机上设置好登陆的用户名密码都是admin

• 在Windows先启动Firefox，然后点“工具”，激活Selenium

  
  
  

  se_plugin.png

• 此时会看到弹出一个小的Firefox窗口，将它最小化即可

  
  
  

  sese_IDE.png
• 然后在最初的Firefox网页输入交换机管理网址，然后输入用户名和密码，并点击登陆

• 上述操作，都会被记录到Selenium-IDE里，可以导出Python脚本

  
  
  

  se_export.png
• 打开就能看到是一个基于unittest框架的testcase

# -*- coding: utf-8 -*-
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.support.ui import Select
from selenium.common.exceptions import NoSuchElementException
from selenium.common.exceptions import NoAlertPresentException
import unittest, time, re

class Login(unittest.TestCase):
    def setUp(self):
        self.driver = webdriver.Firefox()
        self.driver.implicitly_wait(30)
        self.base_url = "http://10.10.33.115/"
        self.verificationErrors = []
        self.accept_next_alert = True

    def test_login(self):
        driver = self.driver
        driver.get(self.base_url + "/static/switch/index.html#/login")
        driver.find_element_by_id("username").clear()
        driver.find_element_by_id("username").send_keys("admin")
        driver.find_element_by_id("password").clear()
        driver.find_element_by_id("password").send_keys("admin")
        driver.find_element_by_id("submit").click()
    def is_element_present(self, how, what):
        try: self.driver.find_element(by=how, value=what)
        except NoSuchElementException as e: return False
        return True
    
    def is_alert_present(self):
        try: self.driver.switch_to_alert()
        except NoAlertPresentException as e: return False
        return True
    def close_alert_and_get_its_text(self):
        try:
            alert = self.driver.switch_to_alert()
            alert_text = alert.text
            if self.accept_next_alert:
                alert.accept()
            else:
                alert.dismiss()
            return alert_text
        finally: self.accept_next_alert = True
    
    def tearDown(self):
        self.driver.quit()
        self.assertEqual([], self.verificationErrors)

if __name__ == "__main__":
    unittest.main()

• 核心代码肯定是def test_login,非常容易理解
• 这个脚本就已经能够运行了，会自动启动

稍微进阶

• 想在能够自动登陆的基础上，可以进入到vlan设置界面去添加vlan
• 这里走了点弯路，因为IDE会捕捉我点击导航栏的动作，但其实这个是不保险的，最好是登陆后打开对应vlan设置的网址，这个是最稳的

driver.get(self.base_url + "/static/switch/index.html#/home/srv_mgr/vlan/status")

• 接下来想抓取表格中的内容，经过同事指点，采用css_selector的方法对table指定表格进行定位

vlan_content = driver.find_element_by_css_selector('table tr:nth-child(2) td:nth-child(4)').txt

• 得到的vlan_content就可以用assert来做判断了
• 另外定位网页元素，还可以find_element_by_xpath，有时IDE捕捉到的动作中就包含这个样式
• 还需要注意的点是网页加载是需要时间的，要么判断elements是否已经加载成功，或者简单地time.sleep(5)再往下执行

多处验证

• 交换机无论通过web界面操作还是login用CLI操作，效果应该是一样并同步的
• telnet登陆还是用熟悉的pexpect，另外也可以用来check stdout的结果是否和期望一致

后续工作

如果要把这个框架完善起来，还需要

• 将相关参数放到同一的profile文件中
• 需要能够将很多的case连跑
• 公共部分，例如login web，可以封装起来
• 剩下的就是积累case了