【Selenium项目实战】完成测试项目用例（管理员用户登录案例）：实现验证码正确和错误测试

前言

一直想学习自动化测试，但是都没行动，业余时间学习零零碎碎并记录20210417。

【Selenium项目实战】

1. 项目环境搭建：安装JDK、mysql、Tomcat和测试系统
2. 需求分析和用例设计
3. 项目架构设计
4. 完成项目基本测试
5. 解决验证码问题
6. 完成项目测试用例

• （用户注册案例）：解决验证码，等待弹窗复杂问题
• （用户登录案例）：实现登录成功和失败测试
• （管理员用户登录案例）：实现验证码正确和错误测试

操作步骤

测试地址：http://localhost:8080/jpress/admin/login

1、test_admin_login.py

from time import sleep

from selenium import webdriver
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.wait import WebDriverWait
from util import util

class TestAdminLogin(object):
    def __init__(self):
        self.driver = webdriver.Chrome()
        self.driver.get('http://localhost:8080/jpress/admin/login')
        # self.driver.maximize_window()

    # 测试管理员用户登录，验证码错误
    def test_admin_login_Error(self):
        # 用户名为空
        user = 'admin'  #实际正确的是amdin
        pwd = 'admin'
        captcha = '123456'
        expected = '验证码不正确，请重新输入'

        # 输入用户名
        self.driver.find_element_by_name('user').send_keys(user)
        # 输入密码
        self.driver.find_element_by_name('pwd').send_keys(pwd)
        # 输入验证码
        self.driver.find_element_by_name('captcha').send_keys(captcha)
        # 点击登录
        self.driver.find_element_by_xpath('//*[@id="form"]/div[4]/div/button').click()  #千万别忘记click

        # 因为有弹窗所以需要切换到弹窗上,并等待弹窗
        WebDriverWait(self.driver, 5).until(EC.alert_is_present())

        alert = self.driver.switch_to.alert
        # python 的断言
        # 获取弹窗上的文字来比较
        assert alert.text == expected
        sleep(3)
        alert.accept()

        sleep(5)
        self.driver.quit()


    # 测试用户登录成功
    def test_admin_login_ok(self):
        # 用户名为空
        user = 'admin'
        pwd = 'admin'
        expected = 'Jpress后台'

        # 输入用户名
        self.driver.find_element_by_name('user').clear()    # 为了把上面案例输入的值清空
        self.driver.find_element_by_name('user').send_keys(user)
        # 输入密码
        self.driver.find_element_by_name('pwd').clear()
        self.driver.find_element_by_name('pwd').send_keys(pwd)
        # 自动识别验证码
        captcha = util.get_code_captchaImg()
        # 输入验证码
        self.driver.find_element_by_name('captcha').clear()
        self.driver.find_element_by_name('captcha').send_keys(captcha)
        # 点击登录
        self.driver.find_element_by_xpath('//*[@id="form"]/div[4]/div/button').click()  #千万别忘记click
        # 等待标题
        WebDriverWait(self.driver, 5).until(EC.title_is(expected))

        sleep(3)
        #验证 因为没有错误弹窗  所以用到了title断言判断
        assert self.driver.title == expected

        # self.driver.quit()

2、main.py

from testcase.basic.test_admin_login import TestAdminLogin


if __name__ == '__main__':
    # ----测试管理员用户登录案例----
    # 登录失败，验证码不对
    case3 = TestAdminLogin()
    # case3.test_admin_login_Error()
    # 登录成功
    case3.test_admin_login_ok()

3、这里在工具类里补充一个方法，由于这个测试地址对应的验证码ID为：captchaImg。所以我在util里再封装了一个get_code_captchaImg方法，代码如下：

    # 把该方法加在util文件夹下的util.py文件末尾即可

def get_code_captchaImg():
    # 先把验证码图片扣取下来
    # 打开谷歌
    browser = webdriver.Chrome()
    # browser.get('http://localhost:8080/jpress/admin/login')

    # 获取http://localhost:8080/jpress/admin/login图片
    path = '/Users/zhengxiaofang/PycharmProjects_py3/Selenium_project/'
    path = os.path.join(path, 'screenshots')
    if not os.path.exists(path):  # 如果找不到/Users/zhengxiaofang/PycharmProjects_py3/Selenium_project/screenshots就创建
        os.mkdir(path)
    # 设置要截图的文件名：自定义名称+系统时间命名+后缀.png
    picture_name1 = '验证码未切' + strftime('%Y_%m_%d_%H_%M_%S', localtime()) + '.png'
    path = os.path.join(path, picture_name1)   #截图1的路径+名称
    browser.get_screenshot_as_file(path)  # 截图保存
    print(path)

    # 找到验证码坐标，利用pil模块中的抠图方法crop，把图片抠出来，保存为picture_name2
    # yzm_img = browser.find_element_by_xpath('//*[@id="captchaimg"]')
    yzm_img = browser.find_element_by_id("captchaImg")
    print(yzm_img.location) # 打印左上角坐标{'x': 547, 'y': 447}

    left = yzm_img.location['x']
    top = yzm_img.location['y']
    width =yzm_img.size['width'] + left
    height =yzm_img.size['height'] + top

    dpr = browser.execute_script('return window.devicePixelRatio')  # execute_script（）：执行js，使devicePixelRatio 能够返回当前显示设备的物理像素分辨率与 CSS 像素分辨率的比率
    print(dpr)

    # # 打开截图1
    im = Image.open(path)
    # 把图片抠出来，保存为picture_name2
    img = im.crop((left * dpr, top * dpr, width * dpr, height * dpr))
    picture_name2 = '验证码切图' + strftime('%Y_%m_%d_%H_%M_%S', localtime()) + '.png'
    print(picture_name2)
    img.save(picture_name2) # 这种方式图片默认是保存到main.py当前路径下

    # 这里是复杂验证码获取

    r = ShowapiRequest("http://route.showapi.com/184-4","602469","cff386bf98294645ab8c1acf2fc2c385") # 密钥和密码用自己的

    r.addFilePara("image", picture_name2)
    r.addBodyPara("typeId", "34")
    r.addBodyPara("convert_to_jpg", "0")
    r.addBodyPara("needMorePrecise", "0")
    res = r.post()
    print(res.text)  # 返回信息
    # 取showapi_res_body中的result
    body_code = res.json()['showapi_res_body']
    print(body_code)

    # 取出验证码
    print(body_code['Result'])

    browser.close()
    return body_code

“永不放弃，总有希望在前面等待！”送给自己，也送给正在阅读文章的博友们～