SuperAPI AI 工具集

testing-next-stack

测试与质量

查看项目

更新于 10-15 22:14

技能介绍

用途:为 Next.js 应用搭建完整测试基础设施,覆盖单元测试、组件测试、端到端测试与无障碍测试,并统一项目测试模式。

主要能力:生成 Vitest 配置(jsdom 环境、路径别名、覆盖率报告与阈值);React Testing Library 组件测试设置;Playwright 配置(chromium、firefox、webkit、baseURL、截图与视频、测试产物目录);axe-core 无障碍测试;测试工具与辅助函数(自定义 render 包装 Provider、路由 mock、React Query 客户端、mock 工厂、异步与 DOM 查询辅助);示例测试文件;以及 package.json 测试脚本(test、test:ui、test:coverage、test:e2e、test:e2e:ui、test:e2e:debug)。

使用方式:先分析项目结构(package.json、Next.js 版本与配置、TypeScript/JavaScript、现有测试设施、组件架构);用 python scripts/generate_test_deps.py --nextjs-version <version> --typescript 生成依赖项,安装 vitest、@testing-library/react、@testing-library/jest-dom、@testing-library/user-event、@playwright/test、@axe-core/playwright、@vitejs/plugin-react、jsdom;基于 assets/ 模板生成 vitest.config.ts、playwright.config.ts、test/setup.ts;在 test/utils/ 生成 render.tsx、factories.ts、helpers.ts;生成 test/unit、test/component、test/e2e 示例;更新 package.json 脚本。完成后运行 npm install、npm test、npm run test:e2e 验证,并按需定制配置、补充测试、接入 CI/CD 与覆盖率报告。

适用场景:新建 Next.js 项目需要测试设施、从 Jest 迁移到 Vitest、引入 Playwright E2E、满足无障碍测试要求、为世界构建类功能(实体、关系、时间线)创建测试工具、跨项目统一测试模式。

限制:资料未提供该技能的收费、价格、平台支持范围与效果数据;具体配置细节需参考 references/ 与 assets/ 中的模板文件。