mcpField
T
threejs-testing

threejs-testing

github.com/cesartevisualTesting & quality11373 installsUpdated 7w ago
Repository

About threejs-testing

threejs-testing provides 3D testing and visual QA guidance for people changing Three.js projects. It emphasizes reproducible browser fixtures and distinguishes unit checks from GPU rendering validation.

Key features

  1. 01Translate requests into observable checks
  2. 02Fix randomness and viewport for visual tests
  3. 03Capture screenshots, console, and network errors
  4. 04Cover navigation, interaction, and render failures
  5. 05Report checks as passed, failed, or not run

Use cases

  1. 01Verify 3D scene framing and subject visibility
  2. 02Check asset loading failures and retries
  3. 03Test resizing and repeated navigation
  4. 04Assess interaction on real devices

Install

Copy the command and run it in a terminal.

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

After installing, type/threejs-testingin Claude Code to confirm it loaded.

Details

From the project README

3D Testing and Visual QA

Use the project's installed versions and existing architecture. These instructions supplement the user's task; they do not authorize unrelated changes or external actions.

Translate the requested behavior into observable checks: visible subject, correct framing, interaction outcomes, load failure/retry, resize, teardown, and any explicit performance target. Keep test scope proportional to the change.

Use unit tests for pure coordinate transforms, selection mapping, timestep policies, and reducers where these are meaningful. A mocked renderer cannot prove pixels render correctly. Run the production build and a browser fixture for GPU integration.

Make visual fixtures reproducible: seed randomness, fix camera/viewport/pixel ratio, stop or seek animation to a known time, and wait for asset readiness plus a rendered frame. Use a semantic readiness signal, not an arbitrary sleep. Capture console and network failures along with screenshots.

Use tolerant comparisons for GPU-dependent pixels; avoid treating exact image equality across unrelated drivers as a portable contract. Inspect screenshots for cropping, contrast, shadow defects, text/overlay occlusion, and loading remnants. Scope browser feature expectations to the tested backend.

Exercise repeated navigation, rapid asset changes, hidden-to-visible sizing, touch interaction, reduced motion, unsupported rendering, and the relevant real device/browser. Headless software rendering is not a mobile GPU benchmark.

Report checks as passed, failed, or not run with reasons. Do not claim performance, XR hardware support, or assistive-technology behavior from compilation alone.

API reference

Consult the official documentation for exact signatures and revision-specific behavior. If documentation access is unavailable, inspect installed types/source and state any remaining uncertainty.

Comments

Markdown supported