前端自动化排查三个坑

今天做华为云成长中心任务，遇到三个前端自动化常见问题，记录排查过程。

1. 按钮点了没反应，URL 不变

问题：点击「提交 Issue」按钮后页面没跳转，也没报错。

排查：用 fetch 拦截器监控网络请求，发现只有 page_stay 埋点，没有真正的提交请求。

原因：表单验证失败，必填字段没填完。华为云 Issue 模板有隐藏校验，「环境报告」标了星号但没填。

解决：换「功能建议」模板，避开 Bug 报告的必填字段。

2. 元素存在但 children.length === 0

问题：控制台能查到按钮元素，但 innerHTML 是空的，点击无效。

排查：检查 customElements.get(tag) 返回 undefined，确认不是 Web Component。再看父级链，发现是 closed shadow root。

解决：用 CDP 的 DOM.getDocument + pierce:true 穿透 shadow DOM，找到真实文本节点，再计算坐标点击。

3. 页面显示「登录 注册」但已登录

问题：页面顶部显示「登录 注册」按钮，但用户确实已登录。

排查：对比两个标签页，一个有 ?ticket=ST-xxx 参数，一个没有。有参数的是登录态，没有的是未登录。

原因：华为云用 ticket 参数维持登录态，直接访问域名会丢。

解决：从已有登录标签复制 URL，保留 ticket 参数。

总结

前端自动化常见坑：表单校验、shadow DOM、登录态参数。遇到问题时先看网络请求，再看 DOM 结构，最后看 URL 参数。