JS技巧多状态页面中的mock方案详解

引言

我们有时候会遇到一个业务页面存在很多个状态，甚至子状态，比如订单详情就是其中的典型，涉及从订单创建到订单结束，以及售后等流程。维护起来每个状态对应一份数据，虽然我们 QA 提供了数据构造平台，但构造一份对应状态的数据还是需要花费不少时间，而且串行流程一旦出错的话只能重新来一遍。

后期维护阶段也不容易构造对应状态的数据，导致排查页面问题比较耗时。

另外一个问题就是从头熟悉业务的话成本比较高，如果有一个直观的页面能够看到页面样式会好很多。