浅显的微信谈天网页版【项目测试陈诉】

  

---

一、项目配景

本系统采用前后端分离架构实现，通过WebSocket协议实现及时通讯功能，结合数据库举行谈天记录存储，并部署于云服务器。
前端包含三大核心页面：登录验证页、好友会话列表页、通讯录好友页，构建了根本的即时通讯体验。
系统紧张实现以下功能模块：个人好友列表、好友消息及时收发、谈天记录查询等功能。
当前版本存在以下待优化点：
   

• 1. 用户体系仅支持预设账号登录（需提前录入数据库校验），未开放自主注册通道；
  
• 2. 好友关系采用静态数据模拟，暂未实现动态添加/删除功能；
  
• 3. 消息状态提示（如已读/送达）功能尚未完备实现。
  

  该即时通讯系统可实现根本的笔墨消息交互，支持检察历史谈天记录（按时间倒序展示），虽然功能相对根本，
但已构建起网页端即时通讯的核心框架，满足用户根本的笔墨谈天需求。
二、项目简介

本系统紧张实现以下核心功能：
   

• 用户登录、
  
• 好友消息及时收发、
  
• 谈天记录查询。
  

  登录功能

   用户需通过预设账号登录(账号信息已固化至数据库，暂不开放自主注册)；
  

• 登录成功需点击告诫窗口中确认按钮，然后跳转至好友会话列表页;
  
• 登录异常状态下，告诫窗口提示登录失败！
  

  好友列表页面

   纵向分列好友列表，展示好友昵称，点击对应的好友跳转到对应的会话窗口。
  好友会话页面

   顶部状态栏表现当前对话好友昵称；
消息气泡左右分流（右侧绿色为发送方，左侧白色为接收方）；
自动加载最近历史记录（按时间倒序分列）；
文本输入框支持即时内容发送（点击发送按钮）
  三、测试工具和情况

处理惩罚器 11th Gen Intel(R) Core(TM) i5-1155G7 @ 2.50GHz 2.50 GHz
机带 RAM： 16.0 GB (15.8 GB 可用)
系统类型： 64 位操作系统, 基于 x64 的处理惩罚器
版本： Windows 11 家庭中文版
操作系统版本： 26100.3194
Chrome欣赏器版本 ：133.0.6943.142（正式版本） （64 位）
自动化脚本运行情况：PyCharm 2024.2.1
四、测试操持

测试用例

部分人工手动测试截图

   正常登录：输入预设账号和密码
  

---

   异常登录：输入未预设账号和密码
  

---

   正常登录后跳转的页面
  

---

   正常登录后好友列表页
  

web自动化测试

测试用例

代码框架

配置内容代码文件（Utils.py）

1. # 导入所需的模块
2. import datetime  # 用于处理日期和时间
3. import os  # 用于文件和目录操作
4. import sys  # 用于获取调用栈信息
6. # 导入Selenium相关模块
7. from selenium import webdriver  # Selenium核心模块
8. from selenium.webdriver.chrome.service import Service  # Chrome浏览器服务
9. from webdriver_manager.chrome import ChromeDriverManager  # 自动管理ChromeDriver
11. # 创建浏览器驱动类
12. class Driver:
13.     driver = ""  # 类属性，用于保存浏览器驱动实例
14.    
15.     def __init__(self):
16.         """初始化浏览器驱动配置"""
17.         # 创建Chrome浏览器选项对象（可用于添加扩展、无头模式等配置）
18.         options = webdriver.ChromeOptions()
19.         
20.         # 指定ChromeDriver的路径
21.         driver_path = "D:/Downloads/chromedriver-win64/chromedriver-win64/chromedriver.exe"
22.         
23.         # 创建Chrome浏览器驱动实例
24.         self.driver = webdriver.Chrome(
25.             executable_path=driver_path,  # 指定驱动路径
26.             options=options  # 传入浏览器选项
27.         )
28.         
29.         # 设置隐式等待（作用于整个浏览器生命周期，查找元素时的默认等待时间）
30.         self.driver.implicitly_wait(2)  # 单位：秒
32.     def getScreeShot(self):
33.         """屏幕截图方法"""
34.         # 生成日期格式的目录名（示例：2023-08-01）
35.         dirname = datetime.datetime.now().strftime("%Y-%m-%d")
36.         
37.         # 拼接截图保存路径（上级目录的images文件夹下）
38.         screenshot_dir = "../images/" + dirname
39.         
40.         # 如果目录不存在则创建
41.         if not os.path.exists(screenshot_dir):
42.             os.mkdir(screenshot_dir)
43.             
44.         # 生成文件名格式：
45.         # 调用当前方法的上层方法名 + 时间戳 + 后缀（示例：test_login_2023-08-01-143045.png）
46.         filename = (
47.             sys._getframe().f_back.f_code.co_name  # 获取调用该方法的函数名
48.             + datetime.datetime.now().strftime("%Y-%m-%d-%H%M%S")
49.             + ".png"
50.         )
51.         
52.         # 保存截图到指定路径
53.         self.driver.save_screenshot(os.path.join(screenshot_dir, filename))
55. # 创建全局浏览器驱动实例（可被其他模块导入使用）
56. WeChatDriver = Driver()

复制代码

登录页面代码文件（WeChatLogin.py）

1. # 测试微信登录界面
3. # 从selenium库中导入By类，用于定位网页元素
4. from selenium.webdriver.common.by import By
5. # 从selenium库中导入expected_conditions模块，用于设置显示等待的条件
6. from selenium.webdriver.support import expected_conditions as EC
7. # 从selenium库中导入WebDriverWait类，用于实现显示等待
8. from selenium.webdriver.support.wait import WebDriverWait
10. # 从自定义的common.Utils模块中导入WeChatDriver类，用于创建和管理浏览器驱动
11. from common.Utils import WeChatDriver
14. class WeChatLogin:
15.     # 初始化类属性，用于存储登录页面的URL和浏览器驱动对象
16.     url = ""
17.     driver = ""
19.     def __init__(self):
20.         # 给登录页面的URL赋值，这里是本地的登录页面地址
21.         self.url = "http://127.0.0.1:8080/login.html"
22.         # 获取WeChatDriver类中的driver对象，用于操作浏览器
23.         self.driver = WeChatDriver.driver
24.         # 打开指定的登录页面
25.         self.driver.get(self.url)
27.     # 成功登陆的测试用例
28.     def LoginSucTest(self):
29.         # 若连续多次的send_keys则会出现关键词拼接，而不是替换。若要替换需要先clear
30.         # 找到用户名输入框元素，并清空其中的内容
31.         self.driver.find_element(By.CSS_SELECTOR, "#username").clear()
32.         # 找到密码输入框元素，并清空其中的内容
33.         self.driver.find_element(By.CSS_SELECTOR, "#password").clear()
35.         # 向用户名输入框中输入正确的用户名 "zhangsan"
36.         self.driver.find_element(By.CSS_SELECTOR, "#username").send_keys("zhangsan")
37.         # 向密码输入框中输入正确的密码 "123"
38.         self.driver.find_element(By.CSS_SELECTOR, "#password").send_keys("123")
39.         # 找到登录按钮元素，并点击该按钮进行登录操作
40.         self.driver.find_element(By.CSS_SELECTOR, "#submit").click()
42.         # 添加显示等待
43.         # 创建一个WebDriverWait对象，设置最大等待时间为2秒
44.         wait = WebDriverWait(self.driver, 2)
45.         # 等待直到页面上出现弹窗
46.         wait.until(EC.alert_is_present())
47.         # 切换到当前页面的弹窗
48.         alert = self.driver.switch_to.alert
49.         # 点击弹窗的确认按钮
50.         alert.accept()
52.         # 查找登录成功页面的元素：昵称：body > div.client-container > div > div.left > div.user
53.         # 查找登录成功页面中显示用户昵称的元素，若找到则说明登录成功
54.         self.driver.find_element(By.CSS_SELECTOR, "body > div.client-container > div > div.left > div.user")
56.         # 添加屏幕截图
57.         # 调用WeChatDriver类的getScreeShot方法，对当前页面进行截图
58.         WeChatDriver.getScreeShot()
60.     # 异常登陆的测试用例
61.     def LoginFailTest(self):
62.         # 若连续多次的send_keys则会出现关键词拼接，而不是替换。若要替换需要先clear
63.         # 找到用户名输入框元素，并清空其中的内容
64.         self.driver.find_element(By.CSS_SELECTOR, "#username").clear()
65.         # 找到密码输入框元素，并清空其中的内容
66.         self.driver.find_element(By.CSS_SELECTOR, "#password").clear()
68.         # 错误的用户名
69.         # 向用户名输入框中输入错误的用户名 "admin"
70.         self.driver.find_element(By.CSS_SELECTOR, "#username").send_keys("admin")
71.         # 向密码输入框中输入密码 "123"
72.         self.driver.find_element(By.CSS_SELECTOR, "#password").send_keys("123")
74.         # 找到登录按钮元素，并点击该按钮进行登录操作
75.         self.driver.find_element(By.CSS_SELECTOR, "#submit").click()
77.         # 检查是否登录失败:看是否出现弹窗
78.         # 添加显示等待
79.         # 创建一个WebDriverWait对象，设置最大等待时间为13秒
80.         wait = WebDriverWait(self.driver, 13)
81.         # 等待直到页面上出现弹窗
82.         wait.until(EC.alert_is_present())
83.         # 切换到当前页面的弹窗
84.         alert = self.driver.switch_to.alert
85.         # 点击弹窗的确认按钮
86.         alert.accept()
87.         # 添加屏幕截图
88.         # 调用WeChatDriver类的getScreeShot方法，对当前页面进行截图
89.         WeChatDriver.getScreeShot()

复制代码

好友列表测试用例代码文件（WeChatPeopleDetail.py）

1. # 导入所需模块
2. import time  # 时间相关操作
3. from selenium.webdriver.common.by import By  # Selenium定位策略
4. from common.Utils import WeChatDriver  # 自定义的微信驱动工具类
6. # 微信联系人详情页测试类
7. class WeChatPeopleDetail:
8.     url = ""  # 页面URL（已通过__init__初始化）
9.     driver = ""  # 浏览器驱动实例
10.    
11.     def __init__(self):
12.         """初始化方法，配置测试环境"""
13.         self.url = "http://127.0.0.1:8080/client.html"  # 测试页面地址
14.         self.driver = WeChatDriver.driver  # 获取全局浏览器驱动实例
15.         self.driver.get(self.url)  # 打开测试页面
17.     def PeopleDetailTestByLogin(self):
18.         """登录状态下的详情页测试"""
19.         
20.         # 验证联系人图标存在性（如果元素未找到会抛出NoSuchElementException）
21.         # 使用CSS选择器定位元素
22.         self.driver.find_element(
23.             By.CSS_SELECTOR,
24.             "body > div.client-container > div > div.left > div.tab > div.tab-friend"
25.         )
27.         # 添加固定等待
28.         time.sleep(1)  # 强制等待 1 秒，可能影响测试效率
30.         # 调用截图方法
31.         WeChatDriver.getScreeShot()  # 保存当前页面截图

复制代码

好友会话测试用例代码文件（WeChatFormationDetail.py）

1. # 导入所需模块
2. import time  # 时间相关操作
3. from selenium.webdriver.common.by import By  # Selenium元素定位策略
4. from common.Utils import WeChatDriver  # 自定义的微信驱动工具类
6. # 微信消息列表页测试类
7. class WeChatFormationDetail:
8.     url = ""  # 页面URL（已通过__init__初始化）
9.     driver = ""  # 浏览器驱动实例
10.    
11.     def __init__(self):
12.         """初始化方法，配置测试环境"""
13.         self.url = "http://127.0.0.1:8080/client.html"  # 测试页面地址
14.         self.driver = WeChatDriver.driver  # 获取全局浏览器驱动实例
15.         self.driver.get(self.url)  # 打开测试页面
17.     def FormationDetailTestByLogin(self):
18.         """登录状态下消息详情页测试（方法名建议改为 test_message_details）"""
19.         
20.         # 验证消息图标存在性
21.         # 使用层级过深的选择器，容易受页面结构变化影响
22.         self.driver.find_element(
23.             By.CSS_SELECTOR,
24.             "body > div.client-container > div > div.left > div.tab > div.tab-session"
25.         )
27.         # 添加固定等待
28.         time.sleep(1)  # 强制等待可能导致测试效率低下
29.         
30.         # 调用截图方法
31.         WeChatDriver.getScreeShot()  # 保存当前页面状态

复制代码

测试项目代码文件（RunTest.py）

1. # 导入测试模块和工具类
2. from tests import WeChatLogin  # 微信登录测试类
3. from tests import WeChatPeopleDetail  # 联系人详情测试类
4. from tests import WeChatFormationDetail  # 消息列表测试类
5. from common.Utils import WeChatDriver  # 浏览器驱动工具类
7. if __name__ == '__main__':
8.     # 执行登录失败测试用例
9.     WeChatLogin.WeChatLogin().LoginFailTest()
10.    
11.     # 执行登录成功测试用例
12.     WeChatLogin.WeChatLogin().LoginSucTest()
13.        
14.         # 消息列表页面测试
15.     WeChatFormationDetail.WeChatFormationDetail().FormationDetailTestByLogin()
17.     # 联系人列表页面测试
18.     WeChatPeopleDetail.WeChatPeopleDetail().PeopleDetailTestByLogin()
20.     # 退出浏览器
21.     WeChatDriver.driver.quit()

复制代码

五、总结

在实际测试中，遇到以下几个问题：
   

• （1）遇到页面元素查找的情况，缘故起因是网络渲染过慢造成的；
  
• （2）欣赏器驱动管理工具 webdriver-manager由于网络情况的问题，不能自动下载对应的欣赏器驱动，需自己先下载好，再去指定欣赏器驱动安装的路径；
  
• （3）有时候出现卡顿，需重新打开编写的自动化脚本软件。
  

  当前系统核心功能根本可用，满足根本谈天需求，但存在以下待改进项：
   

• 页面元素定位稳定性需优化
  
• 增长欣赏器兼容性验证
  
• 增补性能测试场景
  

  

---

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。