{
  "minimal": "PASS checkpoint=\"color-swatches-timeline\" candidate=\"f452c3b37f12589528e83db19b44e8bda744a8c6\" viewports=4 transitions=\"PASS\" sustained_motion=\"NOT_APPLICABLE\" cycles=0 elapsed_ms=0\n",
  "standard": "checkpoint=\"color-swatches-timeline\" candidate=\"f452c3b37f12589528e83db19b44e8bda744a8c6\" viewport_class=\"mobile\" viewport_width=390 viewport_height=844 viewport_unit=\"css_px\" content_width=390 content_height=844 content_unit=\"css_px\" window_width=null window_height=null window_unit=null device_scale_factor=3 capture_width=1170 capture_height=2532 capture_unit=\"device_px\" state=\"seeded first color block · plugin absent before · 13 swatches after\" transition_widths=[389,390,391] cycles=0 elapsed_ms=0 before_screenshot=\"qa/color-swatches-before-mobile.png\" after_screenshot=\"qa/color-swatches-after-mobile.png\" recording=null proof=\"The same #f4f4f4 code block stays at the same viewport position; 13 IDE-style swatches appear without changing document width or obscuring literals.\" notes=\"Target code block top remained y=354px before and after.\" result=\"PASS\"\ncheckpoint=\"color-swatches-timeline\" candidate=\"f452c3b37f12589528e83db19b44e8bda744a8c6\" viewport_class=\"small/narrow\" viewport_width=768 viewport_height=900 viewport_unit=\"css_px\" content_width=768 content_height=900 content_unit=\"css_px\" window_width=null window_height=null window_unit=null device_scale_factor=2 capture_width=1536 capture_height=1800 capture_unit=\"device_px\" state=\"seeded first color block · plugin absent before · 13 swatches after\" transition_widths=[767,768,769] cycles=0 elapsed_ms=0 before_screenshot=\"qa/color-swatches-before-small-narrow.png\" after_screenshot=\"qa/color-swatches-after-small-narrow.png\" recording=null proof=\"The same #f4f4f4 code block stays at the same viewport position; 13 IDE-style swatches appear without changing document width or obscuring literals.\" notes=null result=\"PASS\"\ncheckpoint=\"color-swatches-timeline\" candidate=\"f452c3b37f12589528e83db19b44e8bda744a8c6\" viewport_class=\"normal desktop\" viewport_width=1440 viewport_height=900 viewport_unit=\"css_px\" content_width=1440 content_height=900 content_unit=\"css_px\" window_width=null window_height=null window_unit=null device_scale_factor=2 capture_width=2880 capture_height=1800 capture_unit=\"device_px\" state=\"seeded first color block · plugin absent before · 13 swatches after\" transition_widths=[1023,1024,1025] cycles=0 elapsed_ms=0 before_screenshot=\"qa/color-swatches-before-normal-desktop.png\" after_screenshot=\"qa/color-swatches-after-normal-desktop.png\" recording=null proof=\"The same #f4f4f4 code block stays at the same viewport position; 13 IDE-style swatches appear without changing document width or obscuring literals.\" notes=\"Content script reported 13 [data-bb-color-swatch] matches after installation and zero before.\" result=\"PASS\"\ncheckpoint=\"color-swatches-timeline\" candidate=\"f452c3b37f12589528e83db19b44e8bda744a8c6\" viewport_class=\"very large desktop\" viewport_width=3440 viewport_height=1440 viewport_unit=\"css_px\" content_width=3440 content_height=1440 content_unit=\"css_px\" window_width=null window_height=null window_unit=null device_scale_factor=1 capture_width=3440 capture_height=1440 capture_unit=\"device_px\" state=\"seeded first color block · plugin absent before · 13 swatches after\" transition_widths=[1919,1920,1921] cycles=0 elapsed_ms=0 before_screenshot=\"qa/color-swatches-before-very-large-desktop.png\" after_screenshot=\"qa/color-swatches-after-very-large-desktop.png\" recording=null proof=\"The same #f4f4f4 code block stays at the same viewport position; 13 IDE-style swatches appear without changing document width or obscuring literals.\" notes=\"Swatches remain adjacent to literals without stretching the centered timeline.\" result=\"PASS\"\n",
  "verbose": {
    "schemaVersion": 1,
    "candidate": "f452c3b37f12589528e83db19b44e8bda744a8c6",
    "checkpoint": "color-swatches-timeline",
    "viewports": [
      {
        "viewportClass": "mobile",
        "viewportWidth": 390,
        "viewportHeight": 844,
        "viewportUnit": "css_px",
        "contentWidth": 390,
        "contentHeight": 844,
        "contentUnit": "css_px",
        "windowWidth": null,
        "windowHeight": null,
        "windowUnit": null,
        "deviceScaleFactor": 3,
        "captureWidth": 1170,
        "captureHeight": 2532,
        "captureUnit": "device_px",
        "state": "seeded first color block · plugin absent before · 13 swatches after",
        "transitionWidths": [389, 390, 391],
        "cycles": 0,
        "elapsedMs": 0,
        "beforeScreenshot": "qa/color-swatches-before-mobile.png",
        "afterScreenshot": "qa/color-swatches-after-mobile.png",
        "recording": null,
        "proof": "The same #f4f4f4 code block stays at the same viewport position; 13 IDE-style swatches appear without changing document width or obscuring literals.",
        "notes": "Target code block top remained y=354px before and after.",
        "result": "PASS"
      },
      {
        "viewportClass": "small/narrow",
        "viewportWidth": 768,
        "viewportHeight": 900,
        "viewportUnit": "css_px",
        "contentWidth": 768,
        "contentHeight": 900,
        "contentUnit": "css_px",
        "windowWidth": null,
        "windowHeight": null,
        "windowUnit": null,
        "deviceScaleFactor": 2,
        "captureWidth": 1536,
        "captureHeight": 1800,
        "captureUnit": "device_px",
        "state": "seeded first color block · plugin absent before · 13 swatches after",
        "transitionWidths": [767, 768, 769],
        "cycles": 0,
        "elapsedMs": 0,
        "beforeScreenshot": "qa/color-swatches-before-small-narrow.png",
        "afterScreenshot": "qa/color-swatches-after-small-narrow.png",
        "recording": null,
        "proof": "The same #f4f4f4 code block stays at the same viewport position; 13 IDE-style swatches appear without changing document width or obscuring literals.",
        "notes": null,
        "result": "PASS"
      },
      {
        "viewportClass": "normal desktop",
        "viewportWidth": 1440,
        "viewportHeight": 900,
        "viewportUnit": "css_px",
        "contentWidth": 1440,
        "contentHeight": 900,
        "contentUnit": "css_px",
        "windowWidth": null,
        "windowHeight": null,
        "windowUnit": null,
        "deviceScaleFactor": 2,
        "captureWidth": 2880,
        "captureHeight": 1800,
        "captureUnit": "device_px",
        "state": "seeded first color block · plugin absent before · 13 swatches after",
        "transitionWidths": [1023, 1024, 1025],
        "cycles": 0,
        "elapsedMs": 0,
        "beforeScreenshot": "qa/color-swatches-before-normal-desktop.png",
        "afterScreenshot": "qa/color-swatches-after-normal-desktop.png",
        "recording": null,
        "proof": "The same #f4f4f4 code block stays at the same viewport position; 13 IDE-style swatches appear without changing document width or obscuring literals.",
        "notes": "Content script reported 13 [data-bb-color-swatch] matches after installation and zero before.",
        "result": "PASS"
      },
      {
        "viewportClass": "very large desktop",
        "viewportWidth": 3440,
        "viewportHeight": 1440,
        "viewportUnit": "css_px",
        "contentWidth": 3440,
        "contentHeight": 1440,
        "contentUnit": "css_px",
        "windowWidth": null,
        "windowHeight": null,
        "windowUnit": null,
        "deviceScaleFactor": 1,
        "captureWidth": 3440,
        "captureHeight": 1440,
        "captureUnit": "device_px",
        "state": "seeded first color block · plugin absent before · 13 swatches after",
        "transitionWidths": [1919, 1920, 1921],
        "cycles": 0,
        "elapsedMs": 0,
        "beforeScreenshot": "qa/color-swatches-before-very-large-desktop.png",
        "afterScreenshot": "qa/color-swatches-after-very-large-desktop.png",
        "recording": null,
        "proof": "The same #f4f4f4 code block stays at the same viewport position; 13 IDE-style swatches appear without changing document width or obscuring literals.",
        "notes": "Swatches remain adjacent to literals without stretching the centered timeline.",
        "result": "PASS"
      }
    ],
    "responsiveTransitions": "PASS",
    "sustainedMotion": "NOT_APPLICABLE",
    "result": "PASS"
  }
}