{ "schemaVersion": 1, "candidate": "bd991315a73abd9cc5fb31bdb19e81b7f72d9f91", "checkpoint": "plugin-guide-fluid-app-window", "browser": "Chrome/151.0.7922.71", "viewports": [ { "viewportClass": "mobile", "viewportWidth": 390, "viewportHeight": 844, "viewportUnit": "css_px", "contentWidth": 390, "contentHeight": 844, "contentUnit": "css_px", "windowWidth": null, "windowHeight": null, "windowUnit": null, "deviceScaleFactor": 1, "captureWidth": 390, "captureHeight": 844, "captureUnit": "device_px", "state": "all six spatial fixtures plus non-spatial capability grid", "transitionWidths": [ 389, 390, 391 ], "cycles": 5, "elapsedMs": 24116, "beforeScreenshot": "/Users/brsbl/.bb/thread-storage/thr_6n85axkwev/qa/pr2248-fluid-bd991315a7/plugin-guide-responsive-mobile-before-bd991315a73abd9cc5fb31bdb19e81b7f72d9f91.png", "afterScreenshot": "/Users/brsbl/.bb/thread-storage/thr_6n85axkwev/qa/pr2248-fluid-bd991315a7/plugin-guide-responsive-mobile-after-bd991315a73abd9cc5fb31bdb19e81b7f72d9f91.png", "recording": null, "proof": "All spatial fixtures use one scroll-together owner with no scale transform; that owner scrolls only below its fixture minimum, off-stage slides add no page overflow, the capability grid alone reflows, and every annotation remains inside its scrolling object.", "notes": "Chrome for Testing; sequential single-browser QA at device scale 1 to limit memory.", "result": "PASS", "states": [ { "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 334, "rootScrollWidth": 1260, "minimumWidth": 1260, "pageClientWidth": 390, "pageScrollWidth": 390, "pageClientHeight": 796, "pageScrollHeight": 889, "viewportHeight": 844, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 334, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 390, "pageScrollWidth": 390, "pageClientHeight": 796, "pageScrollHeight": 854, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 334, "rootScrollWidth": 748, "minimumWidth": 720, "pageClientWidth": 390, "pageScrollWidth": 390, "pageClientHeight": 796, "pageScrollHeight": 903, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 334, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 390, "pageScrollWidth": 390, "pageClientHeight": 796, "pageScrollHeight": 886, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 334, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 390, "pageScrollWidth": 390, "pageClientHeight": 796, "pageScrollHeight": 833, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 334, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 390, "pageScrollWidth": 390, "pageClientHeight": 796, "pageScrollHeight": 862, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 334, "rootScrollWidth": 334, "minimumWidth": 0, "pageClientWidth": 390, "pageScrollWidth": 390, "pageClientHeight": 796, "pageScrollHeight": 1172, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true } ], "transitions": [ { "width": 389, "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 333, "rootScrollWidth": 1260, "minimumWidth": 1260, "pageClientWidth": 389, "pageScrollWidth": 389, "pageClientHeight": 796, "pageScrollHeight": 889, "viewportHeight": 844, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 389, "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 333, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 389, "pageScrollWidth": 389, "pageClientHeight": 796, "pageScrollHeight": 854, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 389, "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 333, "rootScrollWidth": 748, "minimumWidth": 720, "pageClientWidth": 389, "pageScrollWidth": 389, "pageClientHeight": 796, "pageScrollHeight": 903, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 389, "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 333, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 389, "pageScrollWidth": 389, "pageClientHeight": 796, "pageScrollHeight": 886, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 389, "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 333, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 389, "pageScrollWidth": 389, "pageClientHeight": 796, "pageScrollHeight": 833, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 389, "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 333, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 389, "pageScrollWidth": 389, "pageClientHeight": 796, "pageScrollHeight": 862, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 389, "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 333, "rootScrollWidth": 333, "minimumWidth": 0, "pageClientWidth": 389, "pageScrollWidth": 389, "pageClientHeight": 796, "pageScrollHeight": 1172, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 390, "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 334, "rootScrollWidth": 1260, "minimumWidth": 1260, "pageClientWidth": 390, "pageScrollWidth": 390, "pageClientHeight": 796, "pageScrollHeight": 889, "viewportHeight": 844, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 390, "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 334, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 390, "pageScrollWidth": 390, "pageClientHeight": 796, "pageScrollHeight": 854, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 390, "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 334, "rootScrollWidth": 748, "minimumWidth": 720, "pageClientWidth": 390, "pageScrollWidth": 390, "pageClientHeight": 796, "pageScrollHeight": 903, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 390, "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 334, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 390, "pageScrollWidth": 390, "pageClientHeight": 796, "pageScrollHeight": 886, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 390, "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 334, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 390, "pageScrollWidth": 390, "pageClientHeight": 796, "pageScrollHeight": 833, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 390, "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 334, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 390, "pageScrollWidth": 390, "pageClientHeight": 796, "pageScrollHeight": 862, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 390, "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 334, "rootScrollWidth": 334, "minimumWidth": 0, "pageClientWidth": 390, "pageScrollWidth": 390, "pageClientHeight": 796, "pageScrollHeight": 1172, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 391, "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 335, "rootScrollWidth": 1260, "minimumWidth": 1260, "pageClientWidth": 391, "pageScrollWidth": 391, "pageClientHeight": 796, "pageScrollHeight": 889, "viewportHeight": 844, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 391, "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 335, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 391, "pageScrollWidth": 391, "pageClientHeight": 796, "pageScrollHeight": 854, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 391, "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 335, "rootScrollWidth": 748, "minimumWidth": 720, "pageClientWidth": 391, "pageScrollWidth": 391, "pageClientHeight": 796, "pageScrollHeight": 903, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 391, "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 335, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 391, "pageScrollWidth": 391, "pageClientHeight": 796, "pageScrollHeight": 886, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 391, "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 335, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 391, "pageScrollWidth": 391, "pageClientHeight": 796, "pageScrollHeight": 833, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 391, "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 335, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 391, "pageScrollWidth": 391, "pageClientHeight": 796, "pageScrollHeight": 862, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 391, "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 335, "rootScrollWidth": 335, "minimumWidth": 0, "pageClientWidth": 391, "pageScrollWidth": 391, "pageClientHeight": 796, "pageScrollHeight": 1172, "viewportHeight": 844, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true } ] }, { "viewportClass": "small/narrow", "viewportWidth": 768, "viewportHeight": 900, "viewportUnit": "css_px", "contentWidth": 768, "contentHeight": 900, "contentUnit": "css_px", "windowWidth": null, "windowHeight": null, "windowUnit": null, "deviceScaleFactor": 1, "captureWidth": 768, "captureHeight": 900, "captureUnit": "device_px", "state": "all six spatial fixtures plus non-spatial capability grid", "transitionWidths": [ 719, 720, 721 ], "cycles": 5, "elapsedMs": 24280, "beforeScreenshot": "/Users/brsbl/.bb/thread-storage/thr_6n85axkwev/qa/pr2248-fluid-bd991315a7/plugin-guide-responsive-small-narrow-before-bd991315a73abd9cc5fb31bdb19e81b7f72d9f91.png", "afterScreenshot": "/Users/brsbl/.bb/thread-storage/thr_6n85axkwev/qa/pr2248-fluid-bd991315a7/plugin-guide-responsive-small-narrow-after-bd991315a73abd9cc5fb31bdb19e81b7f72d9f91.png", "recording": null, "proof": "All spatial fixtures use one scroll-together owner with no scale transform; that owner scrolls only below its fixture minimum, off-stage slides add no page overflow, the capability grid alone reflows, and every annotation remains inside its scrolling object.", "notes": "Chrome for Testing; sequential single-browser QA at device scale 1 to limit memory.", "result": "PASS", "states": [ { "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 392, "rootScrollWidth": 1260, "minimumWidth": 1260, "pageClientWidth": 448, "pageScrollWidth": 448, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 392, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 448, "pageScrollWidth": 448, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 392, "rootScrollWidth": 748, "minimumWidth": 720, "pageClientWidth": 448, "pageScrollWidth": 448, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 392, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 448, "pageScrollWidth": 448, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 392, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 448, "pageScrollWidth": 448, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 392, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 448, "pageScrollWidth": 448, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 392, "rootScrollWidth": 392, "minimumWidth": 0, "pageClientWidth": 448, "pageScrollWidth": 448, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true } ], "transitions": [ { "width": 719, "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 663, "rootScrollWidth": 1260, "minimumWidth": 1260, "pageClientWidth": 719, "pageScrollWidth": 719, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 719, "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 663, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 719, "pageScrollWidth": 719, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 719, "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 663, "rootScrollWidth": 748, "minimumWidth": 720, "pageClientWidth": 719, "pageScrollWidth": 719, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 719, "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 663, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 719, "pageScrollWidth": 719, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 719, "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 663, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 719, "pageScrollWidth": 719, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 719, "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 663, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 719, "pageScrollWidth": 719, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 719, "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 663, "rootScrollWidth": 663, "minimumWidth": 0, "pageClientWidth": 719, "pageScrollWidth": 719, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 720, "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 664, "rootScrollWidth": 1260, "minimumWidth": 1260, "pageClientWidth": 720, "pageScrollWidth": 720, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 720, "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 664, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 720, "pageScrollWidth": 720, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 720, "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 664, "rootScrollWidth": 748, "minimumWidth": 720, "pageClientWidth": 720, "pageScrollWidth": 720, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 720, "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 664, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 720, "pageScrollWidth": 720, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 720, "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 664, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 720, "pageScrollWidth": 720, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 720, "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 664, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 720, "pageScrollWidth": 720, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 720, "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 664, "rootScrollWidth": 664, "minimumWidth": 0, "pageClientWidth": 720, "pageScrollWidth": 720, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 721, "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 665, "rootScrollWidth": 1260, "minimumWidth": 1260, "pageClientWidth": 721, "pageScrollWidth": 721, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 721, "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 665, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 721, "pageScrollWidth": 721, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 721, "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 665, "rootScrollWidth": 748, "minimumWidth": 720, "pageClientWidth": 721, "pageScrollWidth": 721, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 721, "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 665, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 721, "pageScrollWidth": 721, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 721, "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 665, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 721, "pageScrollWidth": 721, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 721, "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 665, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 721, "pageScrollWidth": 721, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 721, "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 665, "rootScrollWidth": 665, "minimumWidth": 0, "pageClientWidth": 721, "pageScrollWidth": 721, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true } ] }, { "viewportClass": "normal desktop", "viewportWidth": 1440, "viewportHeight": 900, "viewportUnit": "css_px", "contentWidth": 1440, "contentHeight": 900, "contentUnit": "css_px", "windowWidth": null, "windowHeight": null, "windowUnit": null, "deviceScaleFactor": 1, "captureWidth": 1440, "captureHeight": 900, "captureUnit": "device_px", "state": "all six spatial fixtures plus non-spatial capability grid", "transitionWidths": [ 1023, 1024, 1025 ], "cycles": 5, "elapsedMs": 24181, "beforeScreenshot": "/Users/brsbl/.bb/thread-storage/thr_6n85axkwev/qa/pr2248-fluid-bd991315a7/plugin-guide-responsive-normal desktop-before-bd991315a73abd9cc5fb31bdb19e81b7f72d9f91.png", "afterScreenshot": "/Users/brsbl/.bb/thread-storage/thr_6n85axkwev/qa/pr2248-fluid-bd991315a7/plugin-guide-responsive-normal desktop-after-bd991315a73abd9cc5fb31bdb19e81b7f72d9f91.png", "recording": null, "proof": "All spatial fixtures use one scroll-together owner with no scale transform; that owner scrolls only below its fixture minimum, off-stage slides add no page overflow, the capability grid alone reflows, and every annotation remains inside its scrolling object.", "notes": "Chrome for Testing; sequential single-browser QA at device scale 1 to limit memory.", "result": "PASS", "states": [ { "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1064, "rootScrollWidth": 1260, "minimumWidth": 1260, "pageClientWidth": 1120, "pageScrollWidth": 1120, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1064, "rootScrollWidth": 1064, "minimumWidth": 720, "pageClientWidth": 1120, "pageScrollWidth": 1120, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1064, "rootScrollWidth": 1064, "minimumWidth": 720, "pageClientWidth": 1120, "pageScrollWidth": 1120, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1064, "rootScrollWidth": 1064, "minimumWidth": 720, "pageClientWidth": 1120, "pageScrollWidth": 1120, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1064, "rootScrollWidth": 1064, "minimumWidth": 720, "pageClientWidth": 1120, "pageScrollWidth": 1120, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1064, "rootScrollWidth": 1064, "minimumWidth": 720, "pageClientWidth": 1120, "pageScrollWidth": 1120, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 1024, "rootScrollWidth": 1024, "minimumWidth": 0, "pageClientWidth": 1120, "pageScrollWidth": 1120, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true } ], "transitions": [ { "width": 1023, "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 647, "rootScrollWidth": 1260, "minimumWidth": 1260, "pageClientWidth": 703, "pageScrollWidth": 703, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1023, "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 647, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 703, "pageScrollWidth": 703, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1023, "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 647, "rootScrollWidth": 748, "minimumWidth": 720, "pageClientWidth": 703, "pageScrollWidth": 703, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1023, "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 647, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 703, "pageScrollWidth": 703, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1023, "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 647, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 703, "pageScrollWidth": 703, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1023, "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 647, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 703, "pageScrollWidth": 703, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1023, "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 647, "rootScrollWidth": 647, "minimumWidth": 0, "pageClientWidth": 703, "pageScrollWidth": 703, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1024, "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 648, "rootScrollWidth": 1260, "minimumWidth": 1260, "pageClientWidth": 704, "pageScrollWidth": 704, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1024, "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 648, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 704, "pageScrollWidth": 704, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1024, "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 648, "rootScrollWidth": 748, "minimumWidth": 720, "pageClientWidth": 704, "pageScrollWidth": 704, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1024, "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 648, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 704, "pageScrollWidth": 704, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1024, "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 648, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 704, "pageScrollWidth": 704, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1024, "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 648, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 704, "pageScrollWidth": 704, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1024, "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 648, "rootScrollWidth": 648, "minimumWidth": 0, "pageClientWidth": 704, "pageScrollWidth": 704, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1025, "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 649, "rootScrollWidth": 1260, "minimumWidth": 1260, "pageClientWidth": 705, "pageScrollWidth": 705, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1025, "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 649, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 705, "pageScrollWidth": 705, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1025, "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 649, "rootScrollWidth": 748, "minimumWidth": 720, "pageClientWidth": 705, "pageScrollWidth": 705, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1025, "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 649, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 705, "pageScrollWidth": 705, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1025, "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 649, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 705, "pageScrollWidth": 705, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1025, "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 649, "rootScrollWidth": 720, "minimumWidth": 720, "pageClientWidth": 705, "pageScrollWidth": 705, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1025, "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 649, "rootScrollWidth": 649, "minimumWidth": 0, "pageClientWidth": 705, "pageScrollWidth": 705, "pageClientHeight": 852, "pageScrollHeight": 852, "viewportHeight": 900, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true } ] }, { "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": "all six spatial fixtures plus non-spatial capability grid", "transitionWidths": [ 1919, 1920, 1921 ], "cycles": 5, "elapsedMs": 25055, "beforeScreenshot": "/Users/brsbl/.bb/thread-storage/thr_6n85axkwev/qa/pr2248-fluid-bd991315a7/plugin-guide-responsive-very large desktop-before-bd991315a73abd9cc5fb31bdb19e81b7f72d9f91.png", "afterScreenshot": "/Users/brsbl/.bb/thread-storage/thr_6n85axkwev/qa/pr2248-fluid-bd991315a7/plugin-guide-responsive-very large desktop-after-bd991315a73abd9cc5fb31bdb19e81b7f72d9f91.png", "recording": null, "proof": "All spatial fixtures use one scroll-together owner with no scale transform; that owner scrolls only below its fixture minimum, off-stage slides add no page overflow, the capability grid alone reflows, and every annotation remains inside its scrolling object.", "notes": "Chrome for Testing; sequential single-browser QA at device scale 1 to limit memory.", "result": "PASS", "states": [ { "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 1260, "pageClientWidth": 3120, "pageScrollWidth": 3120, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": 661, "appBodyMinHeight": "650px", "timelineHeight": 510, "timelineMinHeight": "510px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 3120, "pageScrollWidth": 3120, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 3120, "pageScrollWidth": 3120, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 3120, "pageScrollWidth": 3120, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 3120, "pageScrollWidth": 3120, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 3120, "pageScrollWidth": 3120, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 1024, "rootScrollWidth": 1024, "minimumWidth": 0, "pageClientWidth": 3120, "pageScrollWidth": 3120, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true } ], "transitions": [ { "width": 1919, "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 1260, "pageClientWidth": 1599, "pageScrollWidth": 1599, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": 661, "appBodyMinHeight": "650px", "timelineHeight": 510, "timelineMinHeight": "510px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1919, "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1599, "pageScrollWidth": 1599, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1919, "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1599, "pageScrollWidth": 1599, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1919, "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1599, "pageScrollWidth": 1599, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1919, "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1599, "pageScrollWidth": 1599, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1919, "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1599, "pageScrollWidth": 1599, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1919, "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 1024, "rootScrollWidth": 1024, "minimumWidth": 0, "pageClientWidth": 1599, "pageScrollWidth": 1599, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1920, "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 1260, "pageClientWidth": 1600, "pageScrollWidth": 1600, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": 661, "appBodyMinHeight": "650px", "timelineHeight": 510, "timelineMinHeight": "510px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1920, "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1600, "pageScrollWidth": 1600, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1920, "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1600, "pageScrollWidth": 1600, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1920, "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1600, "pageScrollWidth": 1600, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1920, "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1600, "pageScrollWidth": 1600, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1920, "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1600, "pageScrollWidth": 1600, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1920, "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 1024, "rootScrollWidth": 1024, "minimumWidth": 0, "pageClientWidth": 1600, "pageScrollWidth": 1600, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1921, "groupId": "app-shell", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 1260, "pageClientWidth": 1601, "pageScrollWidth": 1601, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": 661, "appBodyMinHeight": "650px", "timelineHeight": 510, "timelineMinHeight": "510px", "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 6, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1921, "groupId": "command-palette", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1601, "pageScrollWidth": 1601, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 1, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1921, "groupId": "composer", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1601, "pageScrollWidth": 1601, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 3, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1921, "groupId": "home", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1601, "pageScrollWidth": 1601, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1921, "groupId": "settings", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1601, "pageScrollWidth": 1601, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1921, "groupId": "extensions", "expected": "scroll-together", "actual": "scroll-together", "overflowX": "auto", "rootClientWidth": 1272, "rootScrollWidth": 1272, "minimumWidth": 720, "pageClientWidth": 1601, "pageScrollWidth": 1601, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "720px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true }, { "width": 1921, "groupId": "headless", "expected": "reflow", "actual": "reflow", "overflowX": "visible", "rootClientWidth": 1024, "rootScrollWidth": 1024, "minimumWidth": 0, "pageClientWidth": 1601, "pageScrollWidth": 1601, "pageClientHeight": 1392, "pageScrollHeight": 1392, "viewportHeight": 1440, "appBodyHeight": null, "appBodyMinHeight": null, "timelineHeight": null, "timelineMinHeight": null, "contentMinWidth": "0px", "scaledNodes": 0, "badgeCount": 0, "badgesOwnedByRoot": true, "badgesInsideScrollContent": true } ] } ], "heightChecks": [ { "state": "compact-floor", "expectedBodyHeight": 500, "expectedTimelineMinHeight": 350, "viewportWidth": 2048, "viewportHeight": 1028, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "cardTitle": "Full-page panels", "cardBottom": 971.75, "screenshot": "/Users/brsbl/.bb/thread-storage/thr_6n85axkwev/qa/pr2248-fluid-bd991315a7/plugin-guide-fluid-app-window-compact-floor-bd991315a73abd9cc5fb31bdb19e81b7f72d9f91.png", "result": "PASS" }, { "state": "fluid-middle", "expectedBodyHeight": 572, "expectedTimelineMinHeight": 422, "viewportWidth": 2048, "viewportHeight": 1100, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 1052, "pageScrollHeight": 1052, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 573, "appBodyMinHeight": "572px", "timelineHeight": 422, "timelineMinHeight": "422px", "cardTitle": "Full-page panels", "cardBottom": 1043.75, "screenshot": "/Users/brsbl/.bb/thread-storage/thr_6n85axkwev/qa/pr2248-fluid-bd991315a7/plugin-guide-fluid-app-window-fluid-middle-bd991315a73abd9cc5fb31bdb19e81b7f72d9f91.png", "result": "PASS" }, { "state": "full-size-cap", "expectedBodyHeight": 650, "expectedTimelineMinHeight": 510, "viewportWidth": 2048, "viewportHeight": 1188, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 1140, "pageScrollHeight": 1140, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 661, "appBodyMinHeight": "650px", "timelineHeight": 510, "timelineMinHeight": "510px", "cardTitle": "Full-page panels", "cardBottom": 1131.75, "screenshot": "/Users/brsbl/.bb/thread-storage/thr_6n85axkwev/qa/pr2248-fluid-bd991315a7/plugin-guide-fluid-app-window-full-size-cap-bd991315a73abd9cc5fb31bdb19e81b7f72d9f91.png", "result": "PASS" }, { "state": "tall-cap", "expectedBodyHeight": 650, "expectedTimelineMinHeight": 510, "viewportWidth": 3440, "viewportHeight": 1440, "pageClientWidth": 3120, "pageScrollWidth": 3120, "pageClientHeight": 1392, "pageScrollHeight": 1392, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 661, "appBodyMinHeight": "650px", "timelineHeight": 510, "timelineMinHeight": "510px", "cardTitle": "Full-page panels", "cardBottom": 1131.75, "screenshot": "/Users/brsbl/.bb/thread-storage/thr_6n85axkwev/qa/pr2248-fluid-bd991315a7/plugin-guide-fluid-app-window-tall-cap-bd991315a73abd9cc5fb31bdb19e81b7f72d9f91.png", "result": "PASS" } ], "cardVariants": [ { "viewportWidth": 2048, "viewportHeight": 1028, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "cardTitle": "Full-page panels", "cardBottom": 971.75 }, { "viewportWidth": 2048, "viewportHeight": 1028, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "cardTitle": "The thread list", "cardBottom": 971.75 }, { "viewportWidth": 2048, "viewportHeight": 1028, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "cardTitle": "Thread row status", "cardBottom": 1026 }, { "viewportWidth": 2048, "viewportHeight": 1028, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "cardTitle": "Sidebar footer buttons", "cardBottom": 971.75 }, { "viewportWidth": 2048, "viewportHeight": 1028, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "cardTitle": "Thread header controls", "cardBottom": 971.75 }, { "viewportWidth": 2048, "viewportHeight": 1028, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "cardTitle": "Rich message embeds", "cardBottom": 971.75 }, { "viewportWidth": 2048, "viewportHeight": 1028, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 522.5, "appBodyMinHeight": "500px", "timelineHeight": 371.5, "timelineMinHeight": "350px", "cardTitle": "Message actions", "cardBottom": 986.1875 }, { "viewportWidth": 2048, "viewportHeight": 1028, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "cardTitle": "In-thread forms", "cardBottom": 977.9375 }, { "viewportWidth": 2048, "viewportHeight": 1028, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "cardTitle": "Thread side-panel tabs", "cardBottom": 945.578125 }, { "viewportWidth": 2048, "viewportHeight": 1028, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "cardTitle": "File viewers & editors", "cardBottom": 971.75 }, { "viewportWidth": 2048, "viewportHeight": 1028, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "cardTitle": "Code & diff renderers", "cardBottom": 971.75 }, { "viewportWidth": 2048, "viewportHeight": 1028, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "cardTitle": "Timeline row renderers", "cardBottom": 971.75 }, { "viewportWidth": 2048, "viewportHeight": 1028, "pageClientWidth": 1728, "pageScrollWidth": 1728, "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "rootClientWidth": 1272, "rootScrollWidth": 1272, "appBodyHeight": 501, "appBodyMinHeight": "500px", "timelineHeight": 350, "timelineMinHeight": "350px", "cardTitle": "App-wide scripts", "cardBottom": 1026 } ], "responsiveTransitions": "PASS", "sustainedMotion": "PASS", "browserWarnings": [ "The resource http://localhost:17867/api/v1/plugins/secrets/assets/app.css?h=de2c900f8f048027 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.", "The resource http://localhost:17867/api/v1/plugins/keep-awake/assets/app.css?h=d330b76f6def019b was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.", "The resource http://localhost:17867/api/v1/plugins/custom-instructions/assets/app.css?h=9cb3a28a96c14e2c was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.", "The resource http://localhost:17867/api/v1/plugins/inline-vis/assets/app.css?h=e2cbba9014dcb366 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.", "The resource http://localhost:17867/api/v1/plugins/pdf-preview/assets/app.css?h=735c0ed560bf3d7c was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.", "The resource http://localhost:17867/api/v1/plugins/side-chat/assets/app.css?h=b3c972f0c15764f6 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.", "The resource http://localhost:17867/api/v1/plugins/connect/assets/app.css?h=f23e8560d5373361 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.", "The resource http://localhost:17867/api/v1/plugins/provider-retry/assets/app.css?h=b9b2648ef983ded2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.", "The resource http://localhost:17867/api/v1/plugins/automations/assets/app.css?h=a49d6bb6175f4d00 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally." ], "result": "PASS" }