大家好，我是温大大
最近又开始 “卷” UI 自动化框架， 其实也是响应读者们的需求（如果你也正在找工作 / 面试 / 学习，欢迎加入我们）
教你如何使用 selenium4.1.2 + python3.9 打开 1 个 chrome 浏览器并请求 1 个 url 地址。
整个过程其实很简单，安装环境 + 写 4 行代码。 里面难点其实就是环境的搭建：
总结：很多时候我们说入门一个工具难，其实不是难在工具本身，而是资源太分散了，没有正确的安装包，也不会正确的配置环境导致你无法入门使用这门工具，最终让你与 “高薪” 无缘，很难受有没有！
不用怕，同学们现在关注温大大，温大大带各位同学慢慢入门：
再次拜托各位同学～爆肝不易，一键三连：点赞、收藏、转发
目录
1、安装
官网下载地址：https://www.python.org/downloads/release/python-3910/
Mac 下载：
Windows 下载：
1、安装
分为 Mac 和 Windows 版，这里默认选者 Community 版本（因为免费）
Mac 下载：
Windows 下载：
Mac 为例：
终端运行：which python3，就会看到 python 的路径
user:~ user$ which python3
/Library/Frameworks/Python.framework/Versions/3.9/bin/python3
打开环境变量文件：
user:~ user$ open .bash_profile #打开环境变量文件
user:~ user$ touch .bash_profile #生效更改后的环境变量
把这一段放到环境变量文件中并保存（直接推出就自动保存了哦），
# Setting PATH for Python 3.9
# The original version is saved in .bash_profile.pysave
PATH="/Library/Frameworks/Python.framework/Versions/3.9/bin:${PATH}"
export PATH
alias python="/Library/Frameworks/Python.framework/Versions/3.9/bin/python3"
生效环境变量：touch .bash_profile
Windows 为例：
配置环境变量： 方法一：使用命令行配置。
方法二：使用图形界面配置。
1）桌面我的计算机，右键选择属性
2）属性里面选择高级，点下面的环境变量
3）在系统变量值中找到 “path”，在系统变量值中输入 python 的安装路径。（记得先加；分号隔开）
打开 pycharm，并且创建 1 个项目
添加第三方库
pycharm - preference - python interpreter - “+”
（可选操作，加快包下载）添加国内镜像：manager repository
我们搜索 selenium,找到 4.1.2 版本（这个比较新是 2022-02-24 出来的）
出现 successfully 代表安装成功
同时在 python interpreter 下面可以看到 selenium 4.1.2 包
注意：selenium4.1.2 对应的 python 版本需要在 3.7+ 以上
驱动网址：https://registry.npmmirror.com/binary.html?path=chromedriver/
为什么要下载 chrome driver（老手忽略），温大大的读者也问过我这个问题。
Mac 为例：
所以选：chrome99.0.4844.51 + _mac64_m1.zip 驱动包，并解压
解压 + 拷贝到：usr/local/bin
admin % unzip chromedriver_mac64_m1.zip
admin % sudo cp chromedriver /usr/local/bin
Windows 为例：
import sys
print(sys.executable)
执行输出：
E:\virtualenv\django3\Scripts\python.exe
这里，就是的python.exe路径了。
将 chromedriver.exe 文件放到 python.exe 所在的路径。
比如上文输出的：E:\virtualenv\django3\Scripts\python.exe
1、代码如下
from selenium import webdriver
driver = webdriver.Chrome()
driver.get("http://www.baidu.com")
#解释
#1、from selenium import webdriver # 加载驱动
#2、driver = webdriver.Chrome() # 打开chrome浏览器
#3、driver.get("http://www.baidu.com") # 请求URL
2、run
1、代码如下
from selenium import webdriver
from selenium.webdriver import Keys
from selenium.webdriver.common.by import By
driver = webdriver.Chrome()
driver.get("https://www.baidu.com/")
elem = driver.find_element(By.CLASS_NAME, "s_ipt")
elem.clear()
elem.send_keys("测试猿温大大")
elem.send_keys(Keys.RETURN)
assert "百度" in driver.page_source
driver.close()
# 解释
#1、elem = driver.find_element(By.CLASS_NAME, "s_ipt") # 找到搜索框
#2、elem.clear() # 搜索框清空
#3、elem.send_keys("测试猿温大大") # 输入：测试猿温大大
#4、elem.send_keys(Keys.RETURN) # 回车
#5、assert "百度" in driver.page_source # 断言：结果内有'百度'
#6、driver.close() # 关闭浏览器
若运行脚本报错：找不到 Keys，说明同学你当前环境中 selenium 不是 4.2.1 版本，所以没有 Key 这个类，要么升级 selenium 或者找当前你版本中支持的方法
有时候用百度作为练手网站，它会出现反爬虫机制，所以会出现以下验证码校验情况，这时需要手动输入下，再继续下一步
掌握了搭建环境并运行 1 个 demo，这是 UI 自动化测试万里长征第一步，后面你还需掌握：
同学别怕，温大大陪你一起来"卷"～
场景：有些页面需要加载完成后，才能去断言，去查找元素，否者用例会失败，这时就需要用到：显式等待 与 隐式等待 方法
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
driver = webdriver.Chrome()
driver.get("http://somedomain/url_that_delays_loading")
try:
element = WebDriverWait(driver, 10).until(
EC.presence_of_element_located((By.ID, "myDynamicElement"))
)
finally:
driver.quit()
from selenium import webdriver
driver = webdriver.Chrome()
driver.implicitly_wait(10) # seconds
driver.get("http://somedomain/url_that_delays_loading")
myDynamicElement = driver.find_element_by_id("myDynamicElement")
方法1: 获取后循环
element = driver.find_element_by_xpath("//select[@name='name']")
all_options = element.find_elements_by_tag_name("option")
for option in all_options:
print("Value is: %s" % option.get_attribute("value"))
option.click()
方法2: Select直接选择
from selenium.webdriver.support.ui import Select
select = Select(driver.find_element_by_name('name'))
select.select_by_index(index)
select.select_by_visible_text("text")
select.select_by_value(value)
取消：
select = Select(driver.find_element_by_id('id'))
select.deselect_all()
driver.find_element_by_id("submit").click()
您可以使用拖放，无论是移动一个元素，或放到另一个元素内:
element = driver.find_element_by_name("source")
target = driver.find_element_by_name("target")
from selenium.webdriver import ActionChains
action_chains = ActionChains(driver)
action_chains.drag_and_drop(element, target).perform()
<a href="somewhere.html" target="windowName">Click here to open a new window</a>
web应用来说，没有任何frames或者只包含一个window窗口是比较罕见的。
WebDriver 支持在不同的窗口之间移动，
只需要调用``switch_to_window``方法即可:
driver.switch_to_window("windowName")
Selenium WebDriver 内置了对处理弹出对话框的支持。 在你的某些动作之后可能会触发弹出对话框，你可以像下面这样访问对话框:
alert = driver.switch_to_alert()
driver.get("http://www.example.com")
driver.forward()
driver.back()
打开一个页面 driver.get(“http://www.example.com”)
现在设置Cookies，这个cookie在域名根目录下（”/”）
生效 cookie = {‘name’ : ‘foo’, ‘value’ : ‘bar’} driver.add_cookie(cookie)
现在获取所有当前URL下可获得的Cookies driver.get_cookies()
页面对象设计方法，便于维护代码、让代码可读性加强、复用性更高
1、测试用例类
下面是一个在 python.org 网站搜索一个词并保证一些结果可以找到的测试用例
import unittest
from selenium import webdriver
import page
class PythonOrgSearch(unittest.TestCase):
"""A sample test class to show how page object works"""
def setUp(self):
self.driver = webdriver.Chrome()
self.driver.get("http://www.python.org")
def test_search_in_python_org(self):
"""
Tests python.org search feature.
Searches for the word "pycon" then verified
that some results show up.
Note that it does not look for any particular
text in search results page. This test verifies that
the results were not empty.
"""
#Load the main page. In this case the home
page of Python.org.
main_page = page.MainPage(self.driver)
#Checks if the word "Python" is in title
assert main_page.is_title_matches(),
"python.org title doesn't match."
#Sets the text of search textbox to "pycon"
main_page.search_text_element = "pycon"
main_page.click_go_button()
search_results_page = page.SearchResultsPage(self.driver)
#Verifies that the results page is not empty
assert search_results_page.is_results_found(),
"No results found."
def tearDown(self):
self.driver.close()
if __name__ == "__main__":
unittest.main()
2、页面对象类
页面对象为每个网页模拟创建出一个对象。 按照此技术，在测试代码和技术实施之间的一个分离层被创建。
这个 page.py 看起来像这样:
from element import BasePageElement
from locators import MainPageLocators
class SearchTextElement(BasePageElement):
"""This class gets the search text
from the specified locator"""
#The locator for search box where search string is entered
locator = 'q'
class BasePage(object):
"""Base class to initialize the base page
that will be called from all pages"""
def __init__(self, driver):
self.driver = driver
class MainPage(BasePage):
"""Home page action methods come here. I.e. Python.org"""
#Declares a variable that will contain the retrieved text
search_text_element = SearchTextElement()
def is_title_matches(self):
"""Verifies that the hardcoded text "Python"
appears in page title"""
return "Python" in self.driver.title
def click_go_button(self):
"""Triggers the search"""
element = self.driver.find_element(*MainPageLocators.GO_BUTTON)
element.click()
class SearchResultsPage(BasePage):
"""Search results page action methods come here"""
def is_results_found(self):
# Probably should search for this text in the specific page
# element, but as for now it works fine
return "No results found." not in self.driver.page_source
3、页面元素类
这个 element.py 看起来像这样:
from selenium.webdriver.support.ui import WebDriverWait
class BasePageElement(object):
"""Base page class that is initialized
on every page object class."""
def __set__(self, obj, value):
"""Sets the text to the value supplied"""
driver = obj.driver
WebDriverWait(driver, 100).until(
lambda driver: driver.find_element_by_name(self.locator))
driver.find_element_by_name(self.locator).send_keys(value)
def __get__(self, obj, owner):
"""Gets the text of the specified object"""
driver = obj.driver
WebDriverWait(driver, 100).until(
lambda driver: driver.find_element_by_name(self.locator))
element = driver.find_element_by_name(self.locator)
return element.get_attribute("value")
4、定位器类 其中一个做法是，从它们正在使用的地方分离定位字符。在这个例子中，同一页面的定位器属于同一个类。
这个 locators.py 看起来像这样:
from selenium.webdriver.common.by import By
class MainPageLocators(object):
"""A class for main page locators.
All main page locators should come here"""
GO_BUTTON = (By.ID, 'submit')
class SearchResultsPageLocators(object):
"""A class for search results locators.
All search results locators should come here"""
pass
官方文档：https://www.selenium.dev/selenium/docs/api/py/api.html
关注我，加我好友拉你进面试群，一起讨论面试干货 / 套路，还会有测试工具 / 技能培训 大家一起升职加薪，关注公众号：「测试猿温大大」
