页面自动化复盘：控件取值、校验复用与选择器维护

在做页面功能验证时，经常需要填写大段内容。手工逐字输入效率很低，于是考虑通过调试协议直接驱动页面完成这件事，过程中的判断依据都写在后面。

1、元素定位：从定位第一个输入框开始

标题和摘要这类普通输入框，用原生选择器就能直接取到。麻烦的是被组件库包了一层的控件，真正可编辑的节点往往藏在自定义标签内部，需要往里多找一层。

2、控件取值：看起来是一个输入框 

处理这类控件时，把值和展示文本都写上，比只写一个要保险。只填一处时页面不会报错，但提交上去的是空的。

3、校验复用：复用页面自带的校验

与其自己判断哪个字段没填对，不如把各字段的实际长度一起打出来对比，页面校验函数的返回值本身就是最准确的探针。

4、选择器维护：选择器为什么会突然失效

留一个能一键输出当前页面结构信息的入口，改版时不用再重新翻源码，直接看它报什么就够了。

5、日志记录：把每一步都记下来

日志只保留最近若干条就够了，太长反而难读。重点是最近一次执行的完整过程，而不是历史堆积。

6、提交判定：成功标志是什么

提交会向后端发一个携带自定义请求头的异步请求，请求体是序列化后的 JSON。响应里的状态码决定了页面接下来往哪跳。

7、小结

这套做法的通用性还不错，换一个页面也只需要调整元素定位和等待条件，主体逻辑可以复用。

本文写于 2026-09-20，用于确认流程在重复执行时依然稳定。