mcpField
T
testing

testing

github.com/andrelandgraf测试与质量23123 次安装21 周前更新
代码仓库

关于 testing

面向 Next.js 应用的测试技能,结合 Neon 数据库分支、Bun 单元与集成测试,以及 Playwright 浏览器测试。它介绍隔离测试数据和通过 TTL 自动清理分支。

主要功能

  1. 01创建独立的 Neon 测试分支
  2. 02通过 TTL 清理分支
  3. 03配置 Bun 单元测试
  4. 04通过集成测试验证 API 处理程序
  5. 05使用 Playwright 自动化浏览器测试

适用场景

  1. 01在独立数据库分支上运行测试
  2. 02无需 HTTP 开销测试 API 路由
  3. 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