模拟模块与 Fetch
在单元测试中模拟外部模块、fetch 调用和 SvelteKit 模块
模拟模块与 Fetch 是 CoddyKit 上的免费 Sveltejs Academy 课时。 这是第 4 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Sveltejs Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Sveltejs Academy 课程共包含 4 节课。
为何使用模拟对象
测试应该隔离待测单元。模拟外部模块，以避免网络调用和不稳定的测试。
vi.mock
Vitest 提供 vi.mock 来替换模块。
vi.mock("$lib/api", () => ({ getUser: () => ({ name: "Mock" }) }));模拟 fetch
使用 vi.spyOn(global, "fetch")，或使用 msw 之类的库来创建更真实的 API 模拟。
vi.spyOn(global, "fetch").mockResolvedValue({ json: () => ({ items: [] }) });模块提升
vi.mock 调用会被提升。请在文件顶部声明它们。
恢复模拟对象
在 afterEach 中使用 vi.restoreAllMocks() 进行清理。
使用 MSW 处理 HTTP
模拟服务工作线程在网络层拦截请求，从而在测试中提供更真实的 API 行为。
模拟 SvelteKit 模块
可以模拟 $app/stores、$app/navigation 以及其他 SvelteKit 导入内容，以进行隔离测试。
类型安全的模拟对象
使用带有类型化签名的 vi.fn() 来创建类型安全的 spy。
在测试之间清除
使用 vi.clearAllMocks() 或 beforeEach 设置，让每次测试都从干净状态开始。
部分模拟
只模拟模块中特定的导出内容，同时保留其余部分的真实实现。
真实实现与模拟对象的取舍
过度使用模拟对象会让测试失去意义。在合理的情况下，应使用真实实现测试集成。
快速检查
vi.mock 的作用是什么？
回顾
使用 vi.mock 和 spy 隔离单元；如需在网络层创建更真实的 API 模拟，可以考虑使用 MSW。
常见问题解答
「模拟模块与 Fetch」课时是免费的吗？
是的 — 「模拟模块与 Fetch」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Sveltejs Academy 课程的其余内容，请升级到 CoddyKit PRO。 Sveltejs Academy 课程共包含 4 节课。
「模拟模块与 Fetch」这节课中我会学到什么？
在单元测试中模拟外部模块、fetch 调用和 SvelteKit 模块 你通过在浏览器中直接运行的动手代码来练习 Sveltejs Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Sveltejs Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 Sveltejs Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 4 节课，共 4 节。
「模拟模块与 Fetch」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 Sveltejs Academy 课中编写并运行代码吗？
能。每节 Sveltejs Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。