核心需求:通过 Charles 返回极端数据,测试 UI 对超长文本、大图、异常数值的兼容性
拦截接口
- 在移动端访问真实接口
https://api.example.com/products
- Charles 左侧请求列表找到该接口,右键选择 Map Local
绑定测试数据
选择该文件作为响应数据
// 本地文件 product_mock.json {"products": [{"name": "【测试专用】超长商品名称XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX(50字测试)","price": 999999.99}] }
验证显示效果
- 超长商品名称:商品名称自动换行或截断,界面布局保持完整,无元素错位、重叠等情况。
- 价格显示保留两位小数,在高额价格下均能完整显示在容器内,不溢出。