关于 testing
面向 Next.js 应用的测试技能,结合 Neon 数据库分支、Bun 单元与集成测试,以及 Playwright 浏览器测试。它介绍隔离测试数据和通过 TTL 自动清理分支。
主要功能
- 01创建独立的 Neon 测试分支
- 02通过 TTL 清理分支
- 03配置 Bun 单元测试
- 04通过集成测试验证 API 处理程序
- 05使用 Playwright 自动化浏览器测试
适用场景
- 01在独立数据库分支上运行测试
- 02无需 HTTP 开销测试 API 路由
- 03在浏览器中验证界面交互
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ andrelandgraf/ fullstackrecipes --skill testing安装后在 Claude Code 中输入/testing确认已加载。
详细介绍
测试
完整的测试设置,涵盖 Neon 数据库分支、Playwright 浏览器测试、集成测试和单元测试。使用隔离分支,并自动通过 TTL 清理。
前提条件
请先按顺序完成以下配方:
使用 better-env 进行类型安全的环境配置
使用 better-env 配置模块,实现类型安全的服务端/公共环境变量访问、功能标志以及二选一凭据约束。
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/config-schema-setup
Neon + Drizzle 设置
使用 Drizzle ORM 将 Next.js 应用连接到 Neon Postgres,并针对 Vercel 无服务器函数优化连接池。
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/neon-drizzle-setup
配方指南 - 按顺序完成以下配方
Neon 测试分支
创建隔离的 Neon 数据库分支以供测试。仅包含架构的分支通过 TTL 自动清理,并提供测试服务编排和环境变量管理。
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/neon-test-branches
使用 Bun 进行单元测试
使用 Bun 内置的测试运行器配置单元测试。支持快速、兼容 Jest 的语法、同目录测试文件和模拟。
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/unit-tests
集成测试
使用 Bun 的测试运行器,直接导入处理程序来测试 API 路由。无需 HTTP 开销,即可进行快速、可靠的测试。
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/integration-tests
使用 Playwright 进行浏览器测试
使用 Playwright 进行端到端浏览器测试。通过完整的浏览器自动化测试用户交互、表单验证、导航和视觉反馈。
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/playwright-tests
测试最佳实践
测试策略和工作流。测试并行运行,每个测试套件使用独立数据。UI 测试优先使用 Playwright,API 测试使用集成测试,逻辑测试使用单元测试。
bunx skills add andrelandgraf/fullstackrecipes/skills -s testing-best-practices
评论
支持 Markdown