前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Selenium - Web Browser Automation, 没有你想象的那么难

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

作者头像
双鬼带单
发布2018-12-05 15:49:59
1.7K0
发布2018-12-05 15:49:59
举报
文章被收录于专栏:CodingToDieCodingToDie

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为例,

代码语言:javascript
复制
browser = webdriver.Chrome(CHROME_DRIVER_PATH)

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

代码语言:javascript
复制
browser.get('https://github.com/login')

这样就打开了github登录页面

输入内容

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

代码语言:javascript
复制
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提供了 在上一步中,我们输入了账号和密码,这是需要单击一下登录按钮,来完成登录

代码语言:javascript
复制
login_button = browser.find_element_by_css_selector('.btn')
login_button.click()

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

获取当前浏览器的url

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

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

代码语言:javascript
复制
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,那我们用上面的代码如何点击呢?

代码语言:javascript
复制
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 获取失败

上传图片

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

代码语言:javascript
复制
file_button = browser.find_element_by_css_selector('#upload-profile-picture')
file_button.send_keys('/Users/zhangyunan/Downloads/2234.jpg')

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

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

代码语言:javascript
复制
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')
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-10-29,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 777开发日记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • selenium
  • 简介和准备环境
    • 简介
      • 环境
      • 网站常用操作
        • Selenium功能
          • 测试常用操作
          • selenium实现
            • 打开浏览器
              • 输入内容
                • 单击操作
                  • 获取当前浏览器的url
                    • 来点小操作
                      • 上传图片
                      相关产品与服务
                      验证码
                      腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
                      领券
                      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档