VVibeCoding 助手
🏗️05 阶段 · 项目工程化零基础友好

让 AI 写测试:测试是什么、怎么写第一个测试

测试就是给项目写「自动验收题」,改完代码自动检查有没有改坏。这一课让 AI 全包。

20 分钟 · ☑ 3 个实操任务

测试是什么(大白话)

测试就是给项目写「自动验收题」:比如「点添加按钮,账单应该多一行」。以后每次改代码,跑一遍测试就知道有没有改坏,不用手动点来点去。

术语提示:测试 = 一段自动检查程序;断言 = 测试里的「应该怎样」这句话,比如「结果应该等于 3」;跑测试 = 让电脑执行这些检查。

为什么测试这么重要

没有测试的项目像「没有质检的工厂」:改了一个零件,其他零件坏了都不知道。有了测试,每次改动都有自动质检,坏了立刻报警。

第一步:让 AI 写测试

把项目交给 AI,直接说:

帮我的项目写一组测试,覆盖这几个功能:[列出你的核心功能]。
写完以后运行测试,把结果贴给我,用大白话解释每个测试在检查什么。

提示:「功能」就是项目能做的事。比如记账本的功能有:添加账单、删除账单、按月汇总。

第二步:跑测试

AI 通常会给你一个命令,比如:

npm test

命令解读卡

这条命令在做什么:让电脑运行项目里所有的测试。

部分意思
npm一个管理项目和工具的程序(Node.js 自带的「工具箱管理员」)
test动作:运行测试

你会看到什么:一堆绿色 ✓(通过)或红色 ✗(失败)。

出错怎么办

我运行 npm test 报了这个错:[贴报错]。这是什么意思?怎么解决?

如果 npm 装包很慢或报错,先给 npm 设置国内镜像,再重新装:

npm config set registry https://registry.npmmirror.com

🌐 需要代理或海外网络:npm 官方源在国外,国内慢或失败很常见。上面这行命令换成 npmmirror 国内镜像即可,不用代理。

测试跑红(失败)的 4 个常见原因

现象通常是什么原因怎么办
测试里提到「找不到文件」路径写错或文件被移动把报错贴给 AI,让它改路径
测试说「结果是 2,应该 3」功能真的有问题让 AI 修复功能,不是改测试
测试一直超时测试等待太久让 AI 缩短等待时间或拆小测试
命令都跑不起来依赖没装好重跑 npm install,或让 AI 处理

第三步:故意改坏,看测试报警

让 AI 改坏一个功能(比如把按钮文字改错),再跑测试:

把「添加账单」按钮的文案改成错的,然后跑一遍测试,把结果贴给我,解释一下为什么测试会失败。

看到红色 ✗ 别慌——这正是测试的价值:它在替你盯着项目

第四步:修复,让测试变绿

现在把按钮改回来,重新跑测试,确认全部通过。

这一课你收获了什么

  • 项目有了「自动验收题」
  • 以后每次让 AI 改代码,都可以加一句:「改完跑一遍测试」
  • 你亲眼看到了「改坏 → 测试报警 → 修复 → 变绿」的完整循环

下一步

测试能防「改坏」,但项目结构乱,AI 还是容易迷路。下一课学项目规范。