分类目录归档:Playwright

Playwright视觉回归:截图不是越多越好

发表评论 971 浏览量

Playwright视觉回归:截图不是越多越好

2025年3月记录,分类「Playwright」。这篇按当时的测试现场整理,重点放在目标、动作和可复用的检查点。

截图边界

视觉回归最怕截图很多但全是噪音。我只对稳定、关键、业务价值高的区域做截图断言。

记录这篇的目的,是让下次遇到同类问题时少走一轮弯路。

基线管理

  • 屏蔽时间、头像、广告位和随机数据。
  • 基线图按浏览器、分辨率和主题区分。
  • UI 需求变更时同步更新基线并留记录。
expect(page.locator('[data-testid="order-card"]')).to_have_scree

阅读全文

Playwright Trace Viewer定位前端偶现失败

发表评论 1706 浏览量

Playwright Trace Viewer定位前端偶现失败

2023年10月记录,分类「Playwright」。内容按测试执行视角整理,尽量把背景、操作和验收口径讲清楚。

为什么看trace

前端偶现失败只看截图经常不够。Trace Viewer 能把 DOM、请求、控制台、操作步骤串起来,适合排查偶发等待和接口慢导致的问题。

记录这篇的目的,是让下次遇到同类问题时少走一轮弯路。

保留哪些信息

  • CI 中失败用例保留 trace,成功用例不长期保存。
  • 定位时先看 action 前后的 DOM 和网络请求。
  • 把前端 console 错误和后端 traceId 一起贴进缺陷。
npx p

阅读全文