请教各位 Claude Code 怎么测试业务流程复杂的前端代码? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Danswerme
V2EX    Claude Code

请教各位 Claude Code 怎么测试业务流程复杂的前端代码?

  •  
  •   Danswerme 2 天前 1160 次点击

    例如维护一个拖拽生成表单和数据看板的组件,涉及到表单嵌套、嵌套后拖拽等问题;让 CC 新增了一部分业务内容,写完之后怎么才能让它测试拖拽操作是否生效呢?

    10 条回复    2026-03-06 11:19:02 +08:00
    maplezzz
        1
    maplezzz  
       2 天前
    我有尝试过让 AI 写 cypress 之类 E2E 测试案例,但很多时候它写的案例经常跑不通,让他自己调试的话直接拿页面 dom Token 耗的特别多
    SD10
        2
    SD10  
       2 天前
    Peikon
        3
    Peikon  
       2 天前
    关注+1 ,chrome-devtools-mcp 在测试的时候感觉没想象中那么好用
    Danswerme
        4
    Danswerme  
    OP
       2 天前
    @SD10
    @Peikon
    @maplezzz chrome-devtools-mcp 确实不好用,我和 Gemini 聊了下,它建议让我让 CC 用 playwright 写个测试脚本,不要让 CC 直接调用 devtools-mcp
    pluviacon
        5
    pluviacon  
       1 天前
    chrome-devtools-mcp 用来操作 dom 太消耗 token 了,但是让它检测 log 倒是挺好用,我都是在关键位置写 log 然后让它读,然后我手动操作让 ai 监测 log
    maplezzz
        6
    maplezzz  
       1 天前
    @Danswerme 如果你想要让 AI 直接操作 Web 来测试的的话,也可以试试 vercel 出的 agent-browser ,这个能拿到页面精简后的 DOM 结构信息回来。但是我试了说实话,也没有达到很好用的程度,AI 直接操作网页还是会有很大的不确定性
    maplezzz
        7
    maplezzz  
       1 天前
    @Danswerme agent-browser 也是基于 playwright 的, 精简后的 DOM 信息再给 AI 相对来说不那么耗费 Token
    kenshinhu
        8
    kenshinhu  
       1 天前
    我看在 cursor / claude code 也有一个 debug 模式,这里是可以通过指定代码块注入日志代码,之后 LLM 会通过这个日志代码产生的文件分析打印结果,应该可以通过人机协助来联调代码,但用这个的 token 就相当惊人
    manwhatcanisay
        10
    manwhatcanisay  
       23 小时 43 分钟前
    Playwright
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2883 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 19ms UTC 03:02 PVG 11:02 LAX 19:02 JFK 22:02
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86