75 lines
3.5 KiB
Plaintext
75 lines
3.5 KiB
Plaintext
============================================================
|
|
移动端响应式布局E2E测试
|
|
测试目标: 验证手机端列表/预览切换功能
|
|
Viewport: 375x667 (iPhone SE)
|
|
============================================================
|
|
============================================================
|
|
启动浏览器 (iPhone SE viewport: 375x667)
|
|
|
|
============================================================
|
|
Step 1: 导航到首页
|
|
============================================================
|
|
[Console] Failed to load resource: the server responded with a status of 500 (Internal Server Error)
|
|
[Console] API not available, using mock data
|
|
截图保存: D:\Idea Project\publish\agent_test\screenshots\01_home.png
|
|
等待项目列表加载...
|
|
|
|
============================================================
|
|
Step 2: 进入项目详情页
|
|
============================================================
|
|
尝试选择器: div.cursor-pointer (找到 3 个元素)
|
|
[Console] Failed to load resource: the server responded with a status of 500 (Internal Server Error)
|
|
[Console] API not available, using mock data
|
|
[Console] Failed to load resource: the server responded with a status of 500 (Internal Server Error)
|
|
[Console] API not available, using mock data
|
|
成功点击元素 0: 项目一主要产品线15 份报告 未知时间...
|
|
截图保存: D:\Idea Project\publish\agent_test\screenshots\02_project_page.png
|
|
|
|
============================================================
|
|
Step 3: 验证报告列表
|
|
============================================================
|
|
列表选择器 '.glass-light': 1 个元素, 可见=True
|
|
[OK] 报告列表已显示
|
|
|
|
============================================================
|
|
Step 4: 点击报告进入预览模式
|
|
============================================================
|
|
页面文本长度: 148
|
|
包含报告关键词的元素: 0
|
|
尝试报告选择器: div.cursor-pointer.rounded-xl (找到 4 个)
|
|
[Console] Failed to load resource: the server responded with a status of 500 (Internal Server Error)
|
|
[Console] API not available, using mock data
|
|
[OK] 点击了报告卡片: 2026-05-22 日报.htmlHTML15KB 2026-05-22...
|
|
等待预览内容加载...
|
|
截图保存: D:\Idea Project\publish\agent_test\screenshots\03_preview_mode.png
|
|
|
|
============================================================
|
|
Step 5: 验证预览内容
|
|
============================================================
|
|
[OK] 发现可见的 iframe 元素 (第1个)
|
|
预览页面内容长度: 182
|
|
列表面板是否隐藏: True
|
|
[OK] 移动端：列表面板已隐藏，预览模式激活
|
|
|
|
============================================================
|
|
Step 6: 验证返回按钮
|
|
============================================================
|
|
查找移动端返回列表按钮...
|
|
[OK] 找到移动端返回按钮: '返回列表'
|
|
点击返回列表按钮
|
|
截图保存: D:\Idea Project\publish\agent_test\screenshots\04_back_to_list.png
|
|
|
|
============================================================
|
|
Step 7: 验证返回列表视图
|
|
============================================================
|
|
返回后页面内容长度: 148
|
|
[OK] 回到了报告列表视图
|
|
|
|
============================================================
|
|
Step 8: 截图对比分析
|
|
============================================================
|
|
图片对比: 03_preview_mode.png vs 04_back_to_list.png
|
|
- 哈希值: 21adf0b2... vs 417cd742...
|
|
- 相同: False
|
|
[OK] 预览视图与列表视图存在明显差异（切换正常）
|
|
最终截图保存: D:\Idea Project\publish\agent_test\screenshots\mobile-responsive-test.png |