mockdata

本文霍格沃兹测试学院学员学习实践笔记。 一、应用背景 因为本章的内容是使用 jq 工具配合完成，因此在开始部分会先花一定的篇幅介绍 jq 机器使用，如果读者已经熟悉 jq ，可以直接跳过这部分。 先来看应用场景，App 经常会有一些信息展示的列表页，比如商家的菜品、股票的公司、文章的列表展示等，例如下面这样： 菜品不够吃的话~不是，是菜品数量较少不够测试的量，假如我们想要测试几百个菜品时，会不会在刷的时候是否有 性能影响 ， 展示 是否正常，列表展示的 边界值 测试等； 而要测就得有数据展示，这个时候要是通过后端去找或者造这么多数据是有点麻烦的,其实我们这个测试的测试点就是要测试前端页面的展示和性能，只要有这部分数据就可以，无所谓数据是否真实从数据库得来。 这个时候可以就可以利用 mock 的手段，对这种大数据进行等价类的生成，使前端可以拿到这类数据即可，而 Charles 正是我们实现手工 mock 测试的利器之一！ 二、jq 简介 2.1 jq 的概述与用途 按惯例，先看官网对 jq 的解释： jq 官网地址： https://stedolan.github.io/jq/ 大概意思就是轻量灵活的 Json 处理命令行。 用途 说到这大概有些人有点感觉它能用来做什么了，为啥手工 mock 要使用 jq 了？没错！要用它来处理接口返回的 json 数据以达到 mock 的效果。 2

为什么使用 在项目开发中，常常需要边写前端页面边写后端接口，但是后端接口服务往往是滞后于前端开发的，或者是不能及时提供的。出于前端开发的迅速和便捷去考虑，我们可以根据后端接口数据结构去模拟(mock)数据从而实现前端的独立开发。 JsonServer 主要的作用就是搭建本地的数据接口，创建json文件，便于调试调用 Mockjs 主要的作用就是生成随机数据，支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等 如何使用 以下操作需要node.js环境 1.创建文件夹 选择自己喜欢的位置创建一个文件夹，比如E:/mock 2.安装json-server 进入E:/mock npm install json-server -g 安装完执行 json-server -h，若安装成功则会显示选项 Options: --config, -c Path to config file [default: "json-server.json"] --port, -p Set port [default: 3000] --host, -H Set host [default: "localhost"] --watch, -w Watch file(s) [boolean] --routes, -r Path to routes file --middlewares, -m Paths

作者：阿翔 如果你已经阅读过 《京喜前端自动化测试之路（一）》 ，可跳过前言部分阅读。 前言 京喜 （原京东拼购）项目，作为京东战略级业务，拥有千万级别的流量入口。为了保障线上业务的稳定运行，每月例行开展前端容灾演习，主要包含小程序及 H5 版本，要求各页面各模块在异常情况下进行适当的降级处理，不能出现空窗、样式错乱、不合理的错误提示等体验问题。 容灾演习是一项长期持续的工作，且涉及页面功能及场景多，人工的切换场景模拟异常导致演习效率较低，因此想通过开发自动化测试工具来提升演习效率，让容灾演习工作随时可以轻松开展。由于京喜 H5 和小程序场景差异比较大，自动化测试分 H5 和小程序两部分进行。前期已经分享过 H5 的自动化测试方案 —— 京喜前端自动化测试之路（一） ，本文则主要讲述小程序版的自动化测试方案。 综上所述，我们希望京喜小程序自动化测试工具可以提供以下功能： 访问目标页面，对页面进行截图； 模拟用户点击、滑动页面操作； 网络拦截、模拟异常情况（接口响应码 500、接口返回数据异常）； 操作缓存数据（模拟有无缓存的场景等）。 小程序自动化 SDK 聊到小程序的自动化工具，微信官方为开发者提供了一套小程序自动化 SDK —— miniprogram-automator ， 我们不需要关注技术选型，可直接使用。 小程序自动化 SDK