{
  "label": "base component mobile static HTML",
  "identity": "route",
  "build": {
    "root": "<isolated exact-arm worktree>",
    "expectedSha": "c78ac8f46bcbe8418baa5b390297393dd2dad733",
    "observedSha": "c78ac8f46bcbe8418baa5b390297393dd2dad733"
  },
  "expected": {
    "globals": {},
    "themeAttr": "astryx",
    "colorMode": "light dark",
    "direction": "ltr",
    "viewport": {
      "width": 390,
      "height": 844,
      "dpr": 1
    },
    "media": {
      "forcedColors": false,
      "reducedMotion": false,
      "coarsePointer": true,
      "hover": false
    },
    "targetCount": 1,
    "state": {
      "path": "/components/DateInput",
      "title": "Date Input \u00b7 Astryx"
    }
  },
  "observed": {
    "storyExpected": "/components/DateInput",
    "storyObserved": null,
    "routeObserved": "/components/DateInput",
    "globals": {},
    "themeAttr": "astryx",
    "colorMode": "light dark",
    "surfaceColor": "rgba(0, 0, 0, 0)",
    "surfaceLuminance": null,
    "surfaceClass": "unknown",
    "direction": "ltr",
    "viewport": {
      "width": 390,
      "height": 844,
      "dpr": 1
    },
    "media": {
      "forcedColors": false,
      "reducedMotion": false,
      "coarsePointer": true,
      "hover": false
    },
    "targetCount": 1,
    "visible": true,
    "box": {
      "x": 0,
      "y": 0,
      "width": 390,
      "height": 1076,
      "insideViewport": true
    },
    "fonts": "loaded",
    "runningAnimations": 0,
    "storybookError": null,
    "state": {
      "path": "/components/DateInput",
      "title": "Date Input \u00b7 Astryx"
    }
  },
  "image": {
    "path": "assets/pr-5548/base__component__mobile__static.png",
    "bytes": 45805,
    "sha256": "246e661cb87f0e10cc06c3f523992f379e7d112197da3f5081cde6c426492d4f",
    "pixelDimensions": "390x844"
  }
}