python自动化测试（四）：ECShop后台：商品分类添加

前置条件：

本地部署：ECShop的版本是3.0.0、Google版本是

Google驱动的selenium版本是3.11.0

目录

前置代码

一、登录（后台登录）

二、进入商品分类页面

三、子页面

四、返回父级/最外层页面

五、点击添加分类按钮

六、输入分类

6.1 输入分类名称

6.2 上级分类 -- 下拉菜单的实现

6.3 输入 数量单位

6.4 输入排序

6.5 单选框

6.6 多选框

6.7 点击确定按钮

6.8 A下拉框对应不同的B下拉框

七、结束进程

---

前置代码

# coding=utf-8
from selenium import webdriver
from selenium.webdriver.support.select import Select
import time
driver = webdriver.Chrome()
url = "http://localhost/ecshop/admin/privilege.php?act=login"
driver.get(url)
# 最大化浏览器窗口
driver.maximize_window()
# 添加全局的等待时间
driver.implicitly_wait(10)

这里我是部署了一个本地的ECSHOP项目，所以该篇就以我的项目为准设置了

一、登录（后台登录）

# 一、登录
# 输入用户名
driver.find_element_by_name("username").send_keys("admin")
# 输入密码
driver.find_element_by_name("password").send_keys("t1194783")
driver.find_element_by_class_name("btn-a").click()

运行，登录成功，然后进入到后台页面

二、进入商品分类页面

# 点击商品分类
driver.find_element_by_link_text("商品分类").click()

然后这里跑代码，是出问题了，找不到元素

那么有可能是页面中包含了子页面的问题

三、子页面

去检查一下上图的列表，发现他是被一个标签包裹的

而这个标签，相当于独立页面的意思

在HTML中，标签用于定义一个框架（也称为窗口或浏览器窗口的一部分）。

这使得可以在浏览器中显示多个不同的网页，使它们在同一个窗口内分开。

那么，就先进入到子页面，也就是id为menu-frame的frame标签中

进入子页面的方法

driver.switch_to.frame(“main-frame”）

进入子页面
通过id或者name时可以直接将id或者name放到frame()函数的括号中直接切换子页面
driver.switch_to.frame(“main-frame”）
如果是通过其他六种方式定位子页面，我们需要将完整的定位语句放在括号中，才能正确切换子页面
#进入子页面
ele=driver.find_element_by_xpath("//frame[@id='main-frame']")
driver.switch_to.frame(ele)
 
driver.switch_to.frame() #旧方法
driver.switch_to_frame() #新方法

# 二、商品分类页面
# 1、进入子页面
driver.switch_to.frame("menu-frame")
# 2、点击商品分类
driver.find_element_by_link_text("商品分类").click()

这样子就可以成功跳转了

四、返回父级/最外层页面

现在所处的页面范围是在左侧列表的frame标签里面，所以我们得往上退回去

那么，返回父级页面的语法是：driver.switch_to.parent_frame()

但是这里不返回父级，我们返回到最外层

返回最外层页面
driver.switch_to.default_content()

# 三、返回最外层
driver.switch_to.default_content()

五、点击添加分类按钮

点击该按钮，右侧的页面同样被frame标签分割了，所以也需要访问到子页面，这里可以用xpath的方式去访问这个子页面

# 四、点击添加分类
# 进入子页面
ele = driver.find_element_by_xpath("//frame[@id='main-frame']")
driver.switch_to_frame(ele)
time.sleep(2)
# 点击添加分类
driver.find_element_by_xpath("//html/body/h1/span[1]/a").click()

六、输入分类

6.1 输入分类名称

# 输入分类名称
driver.find_element_by_name("cat_name").send_keys("服装")

6.2 上级分类 -- 下拉菜单的实现

1、先获取到select的下拉菜单元素

2、创建一个Select('元素') 对象

在获取到的Select对象中，有三个方法可以进行操作

s.select_by_index(index) # 根据索引从0开始选择一个选项
s.select_by_value(value) # 根据其值开始选择一个选项
s.select_by_visible_text("text") # 根据选项的文本，选择一个选项

这里先创建个对象

# 选择上级分类
ele = driver.find_element_by_name("parent_id")
s = Select(ele)

select_by_index(index)方法：

s.select_by_index(1)

（这里也根据索引，选择了第二个选项）

select_by_value(val)方法：

如果是用这个方法，可以看一下select列表里面option元素对应的value属性值

选择value值为27的选项

s.select_by_value("27")

select_by_visible_text("文本")方法：

s.select_by_visible_text("顶级分类")

6.3 输入 数量单位

#输入数量单位
driver.find_element_by_name("measure_unit").send_keys("1000")

6.4 输入排序

此处的排序和数量单位虽然都是输入，但是排序是有默认值的，这个时候，先获取排序的元素，通过方法：clear() 清空数据，再进行输入

#输入排序
driver.find_element_by_name("sort_order").clear()
driver.find_element_by_name("sort_order").send_keys("10")

6.5 单选框

单选框的话可以通过xpath去定位，用序号的方法

#选择是否显示（是）
driver.find_element_by_xpath("(//input[@name='is_show'])[1]").click()
#选择是否显示在导航栏
driver.find_element_by_xpath("(//input[@name='show_in_nav'])[2]").click()

去审查一下元素

单选框的input标签的name属性值是一致的，那点击顺序按序号获取就好了

6.6 多选框

这里要点击几个，就按序号点击几次，写几行点击事件就好了

#选择设置首页推荐(精品）
driver.find_element_by_xpath("(//input[@name='cat_recommend[]'])[1]").click()
#选择设置首页推荐(最新）
driver.find_element_by_xpath("(//input[@name='cat_recommend[]'])[2]").click()

（点击第一个和第二个）

6.7 点击确定按钮

#点击确定按钮
driver.find_element_by_xpath("//input[@type='submit']").click()

6.8 A下拉框对应不同的B下拉框

# 1、先获取到A下拉框，然后
ele_a = driver.find_element_by_xpath(
    "//*[@id=\"tbody-attr\"]/tbody/tr/td/select[1]")
a = Select(ele_a)
a.select_by_visible_text("精品手机")
 
# 2、获取B的下拉
ele_b = driver.find_element_by_xpath(
    "//*[@id=\"tbody-attr\"]/tbody/tr/td/select[2]")
b = Select(ele_b)
b.select_by_visible_text("上市日期")

七、结束进程

time.sleep(5)
driver.quit()