Selenium - Web Browser Automation, 没有你想象的那么难

selenium

Table of Contents

  • selenium
  • 简介和准备环境
    • 简介
    • 环境
  • 网站常用操作
    • Selenium功能
    • 测试常用操作
  • selenium实现
    • 打开浏览器
    • 输入内容
    • 单击操作
    • 获取当前浏览器的url
    • 来点小操作
    • 上传图片
  • 整合js处理不方便的操作
  • 上传图片和上传文件
  • 保存cookie和验证码操作
  • 实战
  • 关于flash上传文件或者图片的实现方案
    • autoit 简介
    • autoit 使用
  • 扩展阅读

每一段旅程,都有风景.

从去年开始接触 selenium,中间间隔了几个月,最近几天又开始使用,在此总结一下这两次使用的经验

简介和准备环境

简介

Selenium 是专门为Web应用程序编写的一个验收测试工具。Selenium测试直接运行在浏览器中,支持的浏览器包括IE、Mozilla Firefox、Mozilla Suite等。主要功能包括:测试与浏览器的兼容性——测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上。

对于一些复杂的网站,同样可以使用它进行爬取。

环境

这里使用的 python进行开发

  • python 3.6
  • webdriver
  • selenium
  • chrome or firefox

其中 webdriver 需要下载对应平台

selenium 可以使用 pip install selenium 安装

国产浏览器是不可以的

网站常用操作

Selenium功能

框架底层使用JavaScript模拟真实用户对浏览器进行操作。测试脚本执行时,浏览器自动按照脚本代码做出点击,输入,打开,验证等操作,就像真实用户所做的一样,从终端用户的角度测试应用程序。

使浏览器兼容性测试自动化成为可能,尽管在不同的浏览器上依然有细微的差别。

使用简单,可使用Java,Python等多种语言编写用例脚本

测试常用操作

在日常测试时,我们经常会遇到以下操作:

  • 单击
  • 输入文字(数字等)
  • 上传图片
  • 选择(单选,多选等)

以上为常用操作,那以这些常用操作来开始以下叙述

selenium实现

打开浏览器

测试肯定需要打开浏览器了,这里以chrome为例,

browser = webdriver.Chrome(CHROME_DRIVER_PATH)

这样就可以初始化一个浏览器,这里打开 https://github.com/login,

browser.get('https://github.com/login')

这样就打开了github登录页面

输入内容

登录之后我们可以看到,账号和密码的输入框,这时我们输入账号和密码

account_input = browser.find_element(By.CSS_SELECTOR, '#login_field')
account_input.clear()
account_input.send_keys('zyndev@gmail.com')

password_input = browser.find_element_by_css_selector('#password')
password_input.click()
password_input.send_keys('********')

首先使用 find_element 找到对应的元素,这里可以使用 xpath, classname, css selector, id 等方式进行定位

定位得到账号输入框元素,先清空原来的内容,后通过 send_keys 输入账号,

同时输入密码,在输入密码时使用 find_element_by_css_selector 方法,这样就不用指定使用什么选择器了

单击操作

一般网页中会包含按钮选项卡菜单链接等点击操作

对应的selenium提供了 在上一步中,我们输入了账号和密码,这是需要单击一下登录按钮,来完成登录

login_button = browser.find_element_by_css_selector('.btn')
login_button.click()

与输入内容相比,这里需要调用 click 来完成单击操作

获取当前浏览器的url

当我们单击登录时,如果登录成功会跳转到 https://github.com/而不是继续留在 https://github.com/login,

可以通过 current_url 来获取当前的url

print(browser.current_url)
if 'https://github.com/' == browser.current_url:
    print('login success')

通过 get, find_element, find_element_by_css_selector, clear, send_keys, click, current_url 等方法我们已经可以实现简单的登录操作

来点小操作

在平常测试我们经常需要修改一些数据,当登录成功时,点击头像后出现一个浮层,上面有 setting,那我们用上面的代码如何点击呢?

summary_button = browser.find_element_by_css_selector('#user-links > li:nth-child(3) > details > summary')
summary_button.click()

time.sleep(0.5)

setting_button = browser.find_element_by_css_selector('#user-links > li:nth-child(3) > details > ul > li:nth-child(8) > a')
setting_button.click()

这里加入了 time.sleep(0.5) 防止单击过快导致浮层还没有显示出来造成 setting_button 获取失败

上传图片

在上面的设置中,我们看一下如何上传图片

file_button = browser.find_element_by_css_selector('#upload-profile-picture')
file_button.send_keys('/Users/zhangyunan/Downloads/2234.jpg')

这样简单的上传图片功能就完成了

这里总结一下,今天就到这里了 完整代码

from selenium import webdriver
from selenium.webdriver.common.by import By
import time

browser = None


def init_chrome():
    global browser
    browser = webdriver.Chrome('/Users/zhangyunan/Downloads/chromedriver')


def login():
    browser.get('https://github.com/login')
    account_input = browser.find_element(By.CSS_SELECTOR, '#login_field')
    account_input.clear()
    account_input.send_keys('zyndev@gmail.com')

    password_input = browser.find_element_by_css_selector('#password')
    password_input.click()
    password_input.send_keys('************')

    login_button = browser.find_element_by_css_selector('.btn')
    login_button.click()

    time.sleep(2)
    return 'https://github.com/' == browser.current_url


def modify_profile():
    summary_button = browser.find_element_by_css_selector('#user-links > li:nth-child(3) > details > summary')
    summary_button.click()
    time.sleep(0.5)
    setting_button = browser.find_element_by_css_selector(
        '#user-links > li:nth-child(3) > details > ul > li:nth-child(8) > a')
    setting_button.click()
    # https://github.com/settings/profile
    time.sleep(0.5)

    file_button = browser.find_element_by_css_selector('#upload-profile-picture')
    file_button.send_keys('/Users/zhangyunan/Downloads/2234.jpg')


def quit_browser():
    browser.quit()


if __name__ == '__main__':
    init_chrome()
    if login():
        modify_profile()
        time.sleep(10)
        quit_browser()
    else:
        print('login fail')

原文发布于微信公众号 - 777开发日记(gh_773193545262)

原文发表时间:2018-10-29

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏禅林阆苑

浏览器端用JS创建和下载文件 【原创】

浏览器端用JS创建和下载文件 Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.c...

34570
来自专栏ShaoYL

iOS----创建静态库

377110
来自专栏IT 指南者专栏

Angular 框架学习笔记(一)

过来人肯定都知道, Angular 是一个框架,为何现在突然要学 Angular 呢?

15230
来自专栏编程微刊

表格插件-bootstrap table的使用示例

基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。

15720
来自专栏十月梦想

node读取文件进阶(详解)

刚才简单介绍了一下node读取同级页面的html文件,没有类似于Apache的服务,让访问变得复杂,因为这样正是成就了node的优点!优良的路由处理,通过路由访...

9120
来自专栏编程坑太多

React Native 环境搭建和创建项目(Mac)

15330
来自专栏CodingToDie

Selenium - Web Browser Automation, 没有你想象的那么难

从去年开始接触 selenium,中间间隔了几个月,最近几天又开始使用,在此总结一下这两次使用的经验

13440
来自专栏自由而无用的灵魂的碎碎念

解决每次从cmd进入sqlplus,都得重新设置pagesize、linesize的问题

如上图,经过测试,主要需要更改屏幕缓冲区大小,这里更改宽度为130。为防止每次进入cmd都调节窗口的大小,这里设置窗口大小,宽度为与缓冲区一致。

10320
来自专栏吴伟祥

Fiddler是位于客户端和服务器端的HTTP代理(目前最常用的http抓包工具之一)

抓包工具有很多,小到最常用的web调试工具firebug,达到通用的强大的抓包工具wireshark.为什么使用fiddler?原因如下:

17440
来自专栏卡少编程之旅

fiddler抓包工具(windows)

871150

扫码关注云+社区

领取腾讯云代金券