Search: #自动化测试

  1. 《如何更有野心:给有模型可用的人的教程》

    《如何更有野心:给有模型可用的人的教程》

    标签:
    #人工智能 #个人效率提升 #人机协作 #模型能力边界 #自我效能感 #Altitude_Depth_Range

    总结:
    作者 Felix Rieseberg(Claude 团队成员)指出,AI 模型能力在各方向增长并不均衡,许多用户还停留在"问首都、改邮件"的浅层用法。他把"更有野心"拆解为 Speed(速度)、Altitude(高度)、Depth(深度)、Range(广度)四种类型,并给出了每种类型的具体操作方法——从"让模型对结果负责"而非"执行单个任务",到"用行业顶尖专家的工具和方法",再到"用跨领域团队思维重写任务",最后还从心理学角度(自我效能感)解释了为什么这种"野心"需要刻意练习。

    文章要点:
    1. 野心分四种:速度(省时间,已基本普及,无需多讲)、高度(关注目标之上的目标)、深度(像顶尖专家那样做任务)、广度(引入多个领域的视角与方法)。
    2. 高度(Altitude)的关键问题是"下一步你想要什么结果":别只让模型填季度报告模板,而是让它分析全部数据找出变化与原因、推演最紧迫的三个决策、甚至设计一套比季度汇报更好的业务监控机制。
    3. 深度(Depth)的核心是坚持让模型使用行业顶级专家的工具,而非表面模仿专业术语:用数据库和统计模型替代 Markdown 表格,设定看似不合理的高目标,让模型用原始数据对抗性检验既有假设,甚至构建仿真模型产出"新知识"。
    4. 不要自我评判,要用外部裁判:作者在 2026 年 10 月仍坚持模型不能可靠地自我评估,最好用可运行的工具或测试来验证结果。
    5. 广度(Range)的技巧之一是把名词换成动词:季度报告不是"一份 PPT",而是"让忙碌的人在 30 分钟内相信因果故事并做出不确定决策",然后再像组建抢劫团队一样,为任务引入分析师、记者、编辑、做空者、法务会计等不同角色真正在"做的事"。
    6. 这一切的前提是模型要有电脑可用——能装软件、能访问数据(如 MCP 连接器),而不是只在一个聊天框里空转。
    7. 从心理学看,这本质是"自我效能感"问题:人类只敢在自己熟悉的窄领域相信自己能成功;好在这可被"破解"——设定具体的高难度目标(Locke 和 Latham 35 年研究)、看到别人做到后跟上(四分钟一英里、破二马拉松),以及允许自己失败(Linux 当年也只是"爱好")。

    URL:https://felixrieseberg.com/how-to-be-more-ambitious-a-tutorial-for-humans-with-models/ How to be more ambitious: A tutorial for humans with models

  2. 《视觉回归测试:你可能还没跑起来的最重要测试》

    《视觉回归测试:你可能还没跑起来的最重要测试》

    标签:
    #前端测试 #视觉回归测试 #自动化测试 #质量保证 #Web开发

    总结:

    文章系统介绍了视觉回归测试(Visual Regression Testing)的概念、重要性、工作原理、主流工具及实践建议。核心观点是:即使功能测试覆盖率100%,应用仍可能在视觉上"看起来完全损坏"。视觉回归测试通过截图对比基线,捕捉传统测试无法发现的视觉缺陷,在AI生成代码时代尤为重要。

    文章要点:

    1. 为什么视觉测试不可或缺:单元测试、集成测试和E2E测试只验证功能逻辑,不检查实际视觉呈现。CSS类名测试是代码异味,因为即使类名正确,实际渲染仍可能因样式冲突、加载失败等出问题。

    2. 工作原理超直观:在真实浏览器中渲染页面/组件并截图,与基线快照对比。匹配则通过,不匹配则在CI/CD中标记失败,需人工审核确认是否为预期变更。

    3. 能抓住哪些"隐形"Bug:组件一处修改意外影响其他使用位置、CSS变更导致的布局错位、响应式问题、跨浏览器渲染差异、字体/图片加载失败等。作者曾靠它避免了一个SVG图标在20处地方颜色错误的生产事故。

    4. 三大主流工具怎么选:Percy(适合全页截图,与Playwright/Cypress/Puppeteer兼容,UI体验好但用量大时贵);Chromatic(Storybook生态,组件级截图,免费 tier 友好);Vitest Browser Mode(内置截图测试,但缺少审核UI,适合组件级)。

    5. 接入CI/CD很轻松:通常在现有E2E测试中插入一行代码即可,如Playwright中调用percySnapshot()或Chromatic的takeSnapshot(),无需重构测试架构。

    6. 避免" flaky 测试"的实用技巧:确保页面完全加载后再截图;用CSS隐藏动画区域;对动态数据(如日期、"5天前")设置忽略区域;避免对内容过多的整页盲目截图,要有选择性地测试。

    7. AI时代的刚需:随着AI生成代码的普及,视觉回归测试将变得更加关键,能帮助团队快速发现AI改动带来的意外视觉副作用。

    URL:
    https://howtotestfrontend.com/resources/visual-regression-testing-introduction-guide Visual Regression Testing: The Most Important Test You're Not Running