一站式端到端测试解决方案，自动生成、审查、修复和迁移浏览器测…

# Playwright 电商「购物车→支付」E2E 测试方案

一、10条测试用例清单

| # | 用例名称 | 覆盖点 |

|---|---------|--------|

| 1 | 正常加购→结算→支付成功 | 主流程冒烟 |

| 2 | 购物车修改数量后小计金额联动校验 | 金额计算 |

| 3 | 使用有效优惠券，金额正确抵扣 | 优惠计算 |

| 4 | 使用过期优惠券，提示失效且不抵扣 | 优惠券失效 |

| 5 | 优惠券重复使用被拦截 | 优惠风控 |

| 6 | 移除购物车商品后结算按钮/金额更新 | 购物车状态 |

| 7 | 正常库存商品下单成功并扣减 | 库存正常 |

| 8 | 库存不足商品结算时提示缺货并阻断支付 | 库存不足 |

| 9 | 购物车内部分商品缺货，仅允许结算有货商品 | 部分库存 |

| 10 | 支付超时/取消订单，购物车状态恢复 | 异常兜底 |

二、环境与实现要点

• 安装：npm i -D @playwright/test，配置 playwright.config.ts（baseURL、多浏览器 chromium/firefox/webkit）。
• 用例4（优惠券失效）建议做法：
• 优先后端造数：调用内部接口生成一张已过期优惠券；
• 或前端拦截：page.route('**/api/coupon/validate', route => route.fulfill({ status: 200, body: JSON.stringify({ valid: false, msg: '优惠券已过期' }) }))，断言提示文案可见且金额未变。
• 用例8（库存不足）：测试环境将商品库存设为0或小于购物车数量，断言结算页提示“库存不足”，支付按钮禁用/不可达。
• 用例10：点击支付后用 page.route 中断支付回调模拟超时，验证订单状态与购物车回滚。

三、HTML 报告输出

```bash

npx playwright test # 运行

npx playwright show-report # 打开 HTML 报告

```

• playwright.config.ts 中配置 reporter: [['html', { open: 'never', outputFolder: 'reports' }]]，报告含每步截图、trace（失败用例自动保留 trace.on('retain-on-failure')）。
• CI 中可加 --output=reports 并上传 reports/index.html 为构建产物。

四、注意事项

• 测试账号与造数接口走测试环境，勿在生产执行。
• 金额断言用 expect.soft + 浮点比较，避免精度误差。
• 支付环节优先对接支付沙箱/模拟网关。

（约420字，含表）