专栏首页CodingToDieSelenium - Web Browser Automation, 没有你想象的那么难

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)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信机器人

    使用它可以方便的完成 回复消息、搜索好友、被添加自动回复、获取好友信息等功能,当然功能不止于这些,这里我们用到了回复信息功能

    双鬼带单
  • Awesome 项目

    双鬼带单
  • MySql Hash 索引

    Hash 索引结构的特殊性,其检索效率非常高,索引的检索可以一次定位,不像B-Tree 索引需要从根节点到枝节点,最后才能访问到页节点这样多次的IO访问,所以 ...

    双鬼带单
  • 3.1 Spark应用执行机制分析

    3.1 Spark应用执行机制分析 下面对Spark Application的基本概念和执行机制进行深入介绍。 3.1.1 Spark应用的基本概念 Spark...

    Albert陈凯
  • 深色模式适配指南

    随着 iOS 13 的发布,深色模式(Dark Mode)越来越多地出现在大众的视野中,支持深色模式已经成为现代移动应用和网站的一个潮流,前段时间更是因为微信的...

    政采云前端团队
  • Python3网络爬虫实战-13、部署相

    在将 Scrapy 代码部署到远程 Scrapyd 的时候,其第一步就是要将代码打包为 Egg 文件,其次需要将 Egg 文件上传到远程主机,这个过程如果我们用...

    py3study
  • 一半技术一半生活(r7笔记第51天)

    都说工作生活要平衡,今天就写一篇技术+生活的文章。 目前有一套系统,最近会有新的业务上线,所以负载会大大提高,而且有的时候负载会有很大的抖动。有很多历史的原因,...

    jeanron100
  • insertAdjacentHTML实现插入HTML

    javascript.shop
  • 办公室的6S管理

    6S管理在办公室中实施,一是为了给企业员工有一个好的工作环境,二是给顾客一个好的印象,好的第一印象就标着成功了一半。   办公室也是企业管理人员工作的场所,同时...

    SAP最佳业务实践
  • 绘制分组散点图(克里夫兰点图)

    爱学习的小明明

扫码关注云+社区

领取腾讯云代金券