{
  "schemaVersion": 1,
  "artifactType": "web3d-gltf-product-viewer-browser-verification",
  "generatedAt": "2026-08-04T13:57:59.034Z",
  "browser": "Google Chrome via Playwright",
  "origin": "http://127.0.0.1:4320",
  "model": {
    "name": "MaterialsVariantsShoe",
    "sha256": "e1d7cb190382111e5a5b37b51e9a7f007f7eb2ab1b6185e0188e8d0a0d1265a7",
    "bytes": 7833592,
    "license": "CC BY 4.0",
    "copyright": "2021 Shopify"
  },
  "states": [
    {
      "id": "three-1280x900",
      "type": "ready",
      "engine": "three",
      "viewport": {
        "width": 1280,
        "height": 900
      },
      "verdict": "pass",
      "initial": {
        "engine": "three-r184",
        "assetState": "ready",
        "qualityTier": "high",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "beach",
        "variantCount": "3",
        "loadDurationMs": "200",
        "assetError": "",
        "renderWidth": "928",
        "renderHeight": "900",
        "frameCount": "29",
        "cameraRadius": "0.905",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "meshCount": "1",
        "materialCount": "1",
        "overflow": 0,
        "documentHeight": 900
      },
      "selected": {
        "engine": "three-r184",
        "assetState": "ready",
        "qualityTier": "high",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "midnight",
        "variantCount": "3",
        "loadDurationMs": "200",
        "assetError": "",
        "renderWidth": "928",
        "renderHeight": "900",
        "frameCount": "45",
        "cameraRadius": "0.905",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "meshCount": "1",
        "materialCount": "1",
        "lastVariantClick": "midnight",
        "variantApplied": "true",
        "overflow": 0,
        "documentHeight": 900
      },
      "assertions": {
        "ready": true,
        "variants": true,
        "selectedVariant": true,
        "meshLoaded": true,
        "loadMeasured": true,
        "noOverflow": true,
        "noRuntimeErrors": true,
        "responsiveStage": true,
        "qualityTier": true,
        "lifecycle": true,
        "framePolicy": true
      },
      "pageErrors": []
    },
    {
      "id": "three-768x900",
      "type": "ready",
      "engine": "three",
      "viewport": {
        "width": 768,
        "height": 900
      },
      "verdict": "pass",
      "initial": {
        "engine": "three-r184",
        "assetState": "ready",
        "qualityTier": "medium",
        "pixelRatio": "1.5",
        "runtimeErrors": 0,
        "selectedVariant": "beach",
        "variantCount": "3",
        "loadDurationMs": "192",
        "assetError": "",
        "renderWidth": "438",
        "renderHeight": "900",
        "frameCount": "41",
        "cameraRadius": "0.905",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "meshCount": "1",
        "materialCount": "1",
        "overflow": 0,
        "documentHeight": 900
      },
      "selected": {
        "engine": "three-r184",
        "assetState": "ready",
        "qualityTier": "medium",
        "pixelRatio": "1.5",
        "runtimeErrors": 0,
        "selectedVariant": "midnight",
        "variantCount": "3",
        "loadDurationMs": "192",
        "assetError": "",
        "renderWidth": "438",
        "renderHeight": "900",
        "frameCount": "58",
        "cameraRadius": "0.905",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "meshCount": "1",
        "materialCount": "1",
        "lastVariantClick": "midnight",
        "variantApplied": "true",
        "overflow": 0,
        "documentHeight": 900
      },
      "assertions": {
        "ready": true,
        "variants": true,
        "selectedVariant": true,
        "meshLoaded": true,
        "loadMeasured": true,
        "noOverflow": true,
        "noRuntimeErrors": true,
        "responsiveStage": true,
        "qualityTier": true,
        "lifecycle": true,
        "framePolicy": true
      },
      "pageErrors": []
    },
    {
      "id": "three-390x844",
      "type": "ready",
      "engine": "three",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "verdict": "pass",
      "initial": {
        "engine": "three-r184",
        "assetState": "ready",
        "qualityTier": "low",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "beach",
        "variantCount": "3",
        "loadDurationMs": "172",
        "assetError": "",
        "renderWidth": "390",
        "renderHeight": "523",
        "frameCount": "29",
        "cameraRadius": "0.905",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "meshCount": "1",
        "materialCount": "1",
        "overflow": 0,
        "documentHeight": 1181
      },
      "selected": {
        "engine": "three-r184",
        "assetState": "ready",
        "qualityTier": "low",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "midnight",
        "variantCount": "3",
        "loadDurationMs": "172",
        "assetError": "",
        "renderWidth": "390",
        "renderHeight": "523",
        "frameCount": "48",
        "cameraRadius": "0.905",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "meshCount": "1",
        "materialCount": "1",
        "lastVariantClick": "midnight",
        "variantApplied": "true",
        "overflow": 0,
        "documentHeight": 1181
      },
      "assertions": {
        "ready": true,
        "variants": true,
        "selectedVariant": true,
        "meshLoaded": true,
        "loadMeasured": true,
        "noOverflow": true,
        "noRuntimeErrors": true,
        "responsiveStage": true,
        "qualityTier": true,
        "lifecycle": true,
        "framePolicy": true
      },
      "pageErrors": []
    },
    {
      "id": "three-1280x900-reduced",
      "type": "ready",
      "engine": "three",
      "viewport": {
        "width": 1280,
        "height": 900
      },
      "verdict": "pass",
      "initial": {
        "engine": "three-r184",
        "assetState": "ready",
        "qualityTier": "low",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "beach",
        "variantCount": "3",
        "loadDurationMs": "147",
        "assetError": "",
        "renderWidth": "928",
        "renderHeight": "900",
        "frameCount": "4",
        "cameraRadius": "0.905",
        "lifecycleState": "static",
        "reducedMotion": "true",
        "meshCount": "1",
        "materialCount": "1",
        "overflow": 0,
        "documentHeight": 900
      },
      "selected": {
        "engine": "three-r184",
        "assetState": "ready",
        "qualityTier": "low",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "midnight",
        "variantCount": "3",
        "loadDurationMs": "147",
        "assetError": "",
        "renderWidth": "928",
        "renderHeight": "900",
        "frameCount": "5",
        "cameraRadius": "0.905",
        "lifecycleState": "static",
        "reducedMotion": "true",
        "meshCount": "1",
        "materialCount": "1",
        "lastVariantClick": "midnight",
        "variantApplied": "true",
        "overflow": 0,
        "documentHeight": 900
      },
      "assertions": {
        "ready": true,
        "variants": true,
        "selectedVariant": true,
        "meshLoaded": true,
        "loadMeasured": true,
        "noOverflow": true,
        "noRuntimeErrors": true,
        "responsiveStage": true,
        "qualityTier": true,
        "lifecycle": true,
        "framePolicy": true
      },
      "pageErrors": []
    },
    {
      "id": "three-failure",
      "type": "failure",
      "engine": "three",
      "viewport": {
        "width": 1280,
        "height": 900
      },
      "verdict": "pass",
      "state": {
        "engine": "three-r184",
        "assetState": "fallback",
        "qualityTier": "high",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "",
        "variantCount": "0",
        "loadDurationMs": "4",
        "assetError": "fetch for \"http://127.0.0.1:4320/web3d-gltf-product-viewer-2026-08-04/assets/missing-shoe.glb\" responded with 404: File not found",
        "renderWidth": "928",
        "renderHeight": "900",
        "frameCount": "9",
        "cameraRadius": "0.000",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "overflow": 0,
        "documentHeight": 900
      },
      "assertions": {
        "fallback": true,
        "semanticContent": true,
        "retryButton": true,
        "controlsDisabled": true,
        "noOverflow": true,
        "noRuntimeErrors": true
      },
      "pageErrors": []
    },
    {
      "id": "three-context-loss",
      "type": "context-loss",
      "engine": "three",
      "viewport": {
        "width": 1280,
        "height": 900
      },
      "verdict": "pass",
      "state": {
        "engine": "three-r184",
        "assetState": "fallback",
        "qualityTier": "high",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "",
        "variantCount": "0",
        "loadDurationMs": "198",
        "assetError": "webgl-context-lost",
        "renderWidth": "928",
        "renderHeight": "900",
        "frameCount": "13",
        "cameraRadius": "0.905",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "meshCount": "1",
        "materialCount": "1",
        "contextState": "lost",
        "overflow": 0,
        "documentHeight": 900
      },
      "assertions": {
        "extensionSupported": true,
        "semanticFallback": true,
        "recoveryAction": true,
        "noPageErrors": true
      },
      "pageErrors": []
    },
    {
      "id": "three-teardown-cycles",
      "type": "teardown",
      "engine": "three",
      "viewport": {
        "width": 768,
        "height": 900
      },
      "verdict": "pass",
      "assertions": {
        "threeCleanCycles": true
      },
      "cycles": [
        {
          "cycle": 0,
          "state": {
            "engine": "three-r184",
            "assetState": "disposed",
            "qualityTier": "low",
            "pixelRatio": "1",
            "runtimeErrors": 0,
            "selectedVariant": "beach",
            "variantCount": "3",
            "loadDurationMs": "143",
            "assetError": "",
            "renderWidth": "438",
            "renderHeight": "900",
            "frameCount": "4",
            "cameraRadius": "0.905",
            "lifecycleState": "disposed",
            "reducedMotion": "true",
            "meshCount": "1",
            "materialCount": "1",
            "disposed": "true",
            "overflow": 0,
            "documentHeight": 900
          },
          "pageErrors": [],
          "pass": true
        },
        {
          "cycle": 1,
          "state": {
            "engine": "three-r184",
            "assetState": "disposed",
            "qualityTier": "low",
            "pixelRatio": "1",
            "runtimeErrors": 0,
            "selectedVariant": "beach",
            "variantCount": "3",
            "loadDurationMs": "160",
            "assetError": "",
            "renderWidth": "438",
            "renderHeight": "900",
            "frameCount": "4",
            "cameraRadius": "0.905",
            "lifecycleState": "disposed",
            "reducedMotion": "true",
            "meshCount": "1",
            "materialCount": "1",
            "disposed": "true",
            "overflow": 0,
            "documentHeight": 900
          },
          "pageErrors": [],
          "pass": true
        },
        {
          "cycle": 2,
          "state": {
            "engine": "three-r184",
            "assetState": "disposed",
            "qualityTier": "low",
            "pixelRatio": "1",
            "runtimeErrors": 0,
            "selectedVariant": "beach",
            "variantCount": "3",
            "loadDurationMs": "141",
            "assetError": "",
            "renderWidth": "438",
            "renderHeight": "900",
            "frameCount": "4",
            "cameraRadius": "0.905",
            "lifecycleState": "disposed",
            "reducedMotion": "true",
            "meshCount": "1",
            "materialCount": "1",
            "disposed": "true",
            "overflow": 0,
            "documentHeight": 900
          },
          "pageErrors": [],
          "pass": true
        }
      ]
    },
    {
      "id": "babylon-1280x900",
      "type": "ready",
      "engine": "babylon",
      "viewport": {
        "width": 1280,
        "height": 900
      },
      "verdict": "pass",
      "initial": {
        "engine": "babylon-9.9.2",
        "assetState": "ready",
        "qualityTier": "high",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "beach",
        "variantCount": "3",
        "loadDurationMs": "191",
        "assetError": "",
        "renderWidth": "928",
        "renderHeight": "900",
        "frameCount": "48",
        "cameraRadius": "0.789",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "meshCount": "1",
        "materialCount": "1",
        "overflow": 0,
        "documentHeight": 900
      },
      "selected": {
        "engine": "babylon-9.9.2",
        "assetState": "ready",
        "qualityTier": "high",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "midnight",
        "variantCount": "3",
        "loadDurationMs": "191",
        "assetError": "",
        "renderWidth": "928",
        "renderHeight": "900",
        "frameCount": "65",
        "cameraRadius": "0.789",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "meshCount": "1",
        "materialCount": "1",
        "lastVariantClick": "midnight",
        "variantApplied": "true",
        "overflow": 0,
        "documentHeight": 900
      },
      "assertions": {
        "ready": true,
        "variants": true,
        "selectedVariant": true,
        "meshLoaded": true,
        "loadMeasured": true,
        "noOverflow": true,
        "noRuntimeErrors": true,
        "responsiveStage": true,
        "qualityTier": true,
        "lifecycle": true,
        "framePolicy": true
      },
      "pageErrors": []
    },
    {
      "id": "babylon-768x900",
      "type": "ready",
      "engine": "babylon",
      "viewport": {
        "width": 768,
        "height": 900
      },
      "verdict": "pass",
      "initial": {
        "engine": "babylon-9.9.2",
        "assetState": "ready",
        "qualityTier": "medium",
        "pixelRatio": "1.5",
        "runtimeErrors": 0,
        "selectedVariant": "beach",
        "variantCount": "3",
        "loadDurationMs": "187",
        "assetError": "",
        "renderWidth": "438",
        "renderHeight": "900",
        "frameCount": "48",
        "cameraRadius": "0.789",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "meshCount": "1",
        "materialCount": "1",
        "overflow": 0,
        "documentHeight": 900
      },
      "selected": {
        "engine": "babylon-9.9.2",
        "assetState": "ready",
        "qualityTier": "medium",
        "pixelRatio": "1.5",
        "runtimeErrors": 0,
        "selectedVariant": "midnight",
        "variantCount": "3",
        "loadDurationMs": "187",
        "assetError": "",
        "renderWidth": "438",
        "renderHeight": "900",
        "frameCount": "64",
        "cameraRadius": "0.789",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "meshCount": "1",
        "materialCount": "1",
        "lastVariantClick": "midnight",
        "variantApplied": "true",
        "overflow": 0,
        "documentHeight": 900
      },
      "assertions": {
        "ready": true,
        "variants": true,
        "selectedVariant": true,
        "meshLoaded": true,
        "loadMeasured": true,
        "noOverflow": true,
        "noRuntimeErrors": true,
        "responsiveStage": true,
        "qualityTier": true,
        "lifecycle": true,
        "framePolicy": true
      },
      "pageErrors": []
    },
    {
      "id": "babylon-390x844",
      "type": "ready",
      "engine": "babylon",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "verdict": "pass",
      "initial": {
        "engine": "babylon-9.9.2",
        "assetState": "ready",
        "qualityTier": "low",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "beach",
        "variantCount": "3",
        "loadDurationMs": "161",
        "assetError": "",
        "renderWidth": "390",
        "renderHeight": "523",
        "frameCount": "48",
        "cameraRadius": "0.789",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "meshCount": "1",
        "materialCount": "1",
        "overflow": 0,
        "documentHeight": 1181
      },
      "selected": {
        "engine": "babylon-9.9.2",
        "assetState": "ready",
        "qualityTier": "low",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "midnight",
        "variantCount": "3",
        "loadDurationMs": "161",
        "assetError": "",
        "renderWidth": "390",
        "renderHeight": "523",
        "frameCount": "64",
        "cameraRadius": "0.789",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "meshCount": "1",
        "materialCount": "1",
        "lastVariantClick": "midnight",
        "variantApplied": "true",
        "overflow": 0,
        "documentHeight": 1181
      },
      "assertions": {
        "ready": true,
        "variants": true,
        "selectedVariant": true,
        "meshLoaded": true,
        "loadMeasured": true,
        "noOverflow": true,
        "noRuntimeErrors": true,
        "responsiveStage": true,
        "qualityTier": true,
        "lifecycle": true,
        "framePolicy": true
      },
      "pageErrors": []
    },
    {
      "id": "babylon-1280x900-reduced",
      "type": "ready",
      "engine": "babylon",
      "viewport": {
        "width": 1280,
        "height": 900
      },
      "verdict": "pass",
      "initial": {
        "engine": "babylon-9.9.2",
        "assetState": "ready",
        "qualityTier": "low",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "beach",
        "variantCount": "3",
        "loadDurationMs": "175",
        "assetError": "",
        "renderWidth": "928",
        "renderHeight": "900",
        "frameCount": "4",
        "cameraRadius": "0.789",
        "lifecycleState": "static",
        "reducedMotion": "true",
        "meshCount": "1",
        "materialCount": "1",
        "overflow": 0,
        "documentHeight": 900
      },
      "selected": {
        "engine": "babylon-9.9.2",
        "assetState": "ready",
        "qualityTier": "low",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "midnight",
        "variantCount": "3",
        "loadDurationMs": "175",
        "assetError": "",
        "renderWidth": "928",
        "renderHeight": "900",
        "frameCount": "5",
        "cameraRadius": "0.789",
        "lifecycleState": "static",
        "reducedMotion": "true",
        "meshCount": "1",
        "materialCount": "1",
        "lastVariantClick": "midnight",
        "variantApplied": "true",
        "overflow": 0,
        "documentHeight": 900
      },
      "assertions": {
        "ready": true,
        "variants": true,
        "selectedVariant": true,
        "meshLoaded": true,
        "loadMeasured": true,
        "noOverflow": true,
        "noRuntimeErrors": true,
        "responsiveStage": true,
        "qualityTier": true,
        "lifecycle": true,
        "framePolicy": true
      },
      "pageErrors": []
    },
    {
      "id": "babylon-failure",
      "type": "failure",
      "engine": "babylon",
      "viewport": {
        "width": 1280,
        "height": 900
      },
      "verdict": "pass",
      "state": {
        "engine": "babylon-9.9.2",
        "assetState": "fallback",
        "qualityTier": "high",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "",
        "variantCount": "0",
        "loadDurationMs": "3",
        "assetError": "Unable to load from ./assets/missing-shoe.glb: File not found",
        "renderWidth": "928",
        "renderHeight": "900",
        "frameCount": "8",
        "cameraRadius": "4.000",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "overflow": 0,
        "documentHeight": 900
      },
      "assertions": {
        "fallback": true,
        "semanticContent": true,
        "retryButton": true,
        "controlsDisabled": true,
        "noOverflow": true,
        "noRuntimeErrors": true
      },
      "pageErrors": []
    },
    {
      "id": "babylon-context-loss",
      "type": "context-loss",
      "engine": "babylon",
      "viewport": {
        "width": 1280,
        "height": 900
      },
      "verdict": "pass",
      "state": {
        "engine": "babylon-9.9.2",
        "assetState": "fallback",
        "qualityTier": "high",
        "pixelRatio": "1",
        "runtimeErrors": 0,
        "selectedVariant": "",
        "variantCount": "0",
        "loadDurationMs": "606",
        "assetError": "webgl-context-lost",
        "renderWidth": "928",
        "renderHeight": "900",
        "frameCount": "34",
        "cameraRadius": "0.789",
        "lifecycleState": "running",
        "reducedMotion": "false",
        "meshCount": "1",
        "materialCount": "1",
        "contextState": "lost",
        "overflow": 0,
        "documentHeight": 900
      },
      "assertions": {
        "extensionSupported": true,
        "semanticFallback": true,
        "recoveryAction": true,
        "noPageErrors": true
      },
      "pageErrors": []
    },
    {
      "id": "babylon-teardown-cycles",
      "type": "teardown",
      "engine": "babylon",
      "viewport": {
        "width": 768,
        "height": 900
      },
      "verdict": "pass",
      "assertions": {
        "threeCleanCycles": true
      },
      "cycles": [
        {
          "cycle": 0,
          "state": {
            "engine": "babylon-9.9.2",
            "assetState": "disposed",
            "qualityTier": "low",
            "pixelRatio": "1",
            "runtimeErrors": 0,
            "selectedVariant": "beach",
            "variantCount": "3",
            "loadDurationMs": "170",
            "assetError": "",
            "renderWidth": "438",
            "renderHeight": "900",
            "frameCount": "4",
            "cameraRadius": "0.789",
            "lifecycleState": "disposed",
            "reducedMotion": "true",
            "meshCount": "1",
            "materialCount": "1",
            "disposed": "true",
            "overflow": 0,
            "documentHeight": 900
          },
          "pageErrors": [],
          "pass": true
        },
        {
          "cycle": 1,
          "state": {
            "engine": "babylon-9.9.2",
            "assetState": "disposed",
            "qualityTier": "low",
            "pixelRatio": "1",
            "runtimeErrors": 0,
            "selectedVariant": "beach",
            "variantCount": "3",
            "loadDurationMs": "180",
            "assetError": "",
            "renderWidth": "438",
            "renderHeight": "900",
            "frameCount": "4",
            "cameraRadius": "0.789",
            "lifecycleState": "disposed",
            "reducedMotion": "true",
            "meshCount": "1",
            "materialCount": "1",
            "disposed": "true",
            "overflow": 0,
            "documentHeight": 900
          },
          "pageErrors": [],
          "pass": true
        },
        {
          "cycle": 2,
          "state": {
            "engine": "babylon-9.9.2",
            "assetState": "disposed",
            "qualityTier": "low",
            "pixelRatio": "1",
            "runtimeErrors": 0,
            "selectedVariant": "beach",
            "variantCount": "3",
            "loadDurationMs": "170",
            "assetError": "",
            "renderWidth": "438",
            "renderHeight": "900",
            "frameCount": "4",
            "cameraRadius": "0.789",
            "lifecycleState": "disposed",
            "reducedMotion": "true",
            "meshCount": "1",
            "materialCount": "1",
            "disposed": "true",
            "overflow": 0,
            "documentHeight": 900
          },
          "pageErrors": [],
          "pass": true
        }
      ]
    }
  ],
  "summary": {
    "verdict": "pass",
    "engineCount": 2,
    "stateCount": 14,
    "failureFallbacks": 2,
    "contextLossFallbacks": 2,
    "teardownCycles": 6,
    "runtimeErrors": 0,
    "documentOverflow": 0
  }
}