mcpField
T
threejs-testing

threejs-testing

github.com/cesartevisual测试与质量11373 次安装7 周前更新
代码仓库

关于 threejs-testing

threejs-testing 为 Three.js 项目提供 3D 测试与视觉 QA 指引,适合编写和验证渲染、交互及资源加载相关变更。强调可复现的浏览器视觉夹具,并区分单元测试与 GPU 渲染验证。

主要功能

  1. 01将需求转化为可观察检查
  2. 02为视觉测试固定随机数与视口
  3. 03捕获截图及控制台、网络错误
  4. 04覆盖导航、交互与渲染失败
  5. 05按通过、失败或未运行报告检查

适用场景

  1. 01验证 3D 场景取景与主体显示
  2. 02检查资源加载失败和重试行为
  3. 03测试视口调整及重复导航
  4. 04评估真实设备上的交互表现

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/cesartevisual/threejs-skills --skill threejs-testing

安装后在 Claude Code 中输入/threejs-testing确认已加载。

详细介绍

3D 测试与视觉 QA

使用项目中已安装的版本和现有架构。这些说明是对用户任务的补充,不授权进行无关更改或执行外部操作。

将要求的行为转化为可观察的检查项:主体是否可见、取景是否正确、交互结果、加载失败与重试、尺寸调整、拆卸,以及任何明确的性能目标。测试范围应与更改规模相称。

对于纯坐标变换、选择映射、时间步策略和归约器,在有意义的情况下使用单元测试。模拟渲染器无法证明像素是否正确渲染。运行生产构建,并使用浏览器测试页面进行 GPU 集成测试。

确保视觉测试夹具可复现:为随机数设定种子,固定摄像机、视口和像素比,将动画停止或定位到已知时间,并等待资源就绪且至少完成一帧渲染。使用语义化的就绪信号,而非任意等待。除屏幕截图外,还要捕获控制台错误和网络失败。

对受 GPU 影响的像素比较采用容差;不要将不同驱动程序之间的图像完全相同视为可移植的约定。检查屏幕截图中是否存在裁切、对比度问题、阴影缺陷、文字或叠加层遮挡,以及残留的加载状态。浏览器功能预期应限定于受测后端。

测试重复导航、快速切换资源、从隐藏到可见时的尺寸调整、触摸交互、减少动态效果、渲染不受支持的情况,以及相关的实际设备和浏览器。无头软件渲染不能作为移动 GPU 基准测试。

将检查结果报告为通过、失败或未运行,并说明原因。不要仅凭编译结果声称具备性能、XR 硬件支持或辅助技术行为方面的能力。

API 参考

有关确切签名和特定修订版的行为,请参阅官方文档。如果无法访问文档,请检查已安装的类型定义或源代码,并说明任何尚未确定之处。

评论

支持 Markdown