{ "schemaVersion": 1, "candidate": "bc30d52cc3688b062876679bf7e34ca27d04d65f", "checkpoint": "plugin-guide-responsive-contract", "browser": "Safari", "viewports": [ { "viewportClass": "reference-desktop", "requestedWindow": { "width": 2048, "height": 1080 }, "viewport": { "width": 2048, "height": 1028, "deviceScaleFactor": 2 }, "cycles": 5, "states": [ { "pageScrollWidth": 1728, "pageListFlexWrap": "nowrap", "scaledNodes": 0, "rootClientWidth": 1272, "badgeCount": 13, "pageClientWidth": 1728, "badgesOwnedByRoot": true, "rootScrollWidth": 1272, "minimumWidth": 1260, "contentVisualWidth": 1272, "contentVisualHeight": 529, "overflowX": "clip", "pageListClientWidth": 1208, "contentScrollWidth": 1272, "expected": "scale-together", "dataScale": 1, "pageListScrollWidth": 1208, "groupId": "app-shell", "rootVisualHeight": 529, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 1728, "pageListFlexWrap": "nowrap", "scaledNodes": 0, "rootClientWidth": 1272, "badgeCount": 1, "pageClientWidth": 1728, "badgesOwnedByRoot": true, "rootScrollWidth": 1272, "minimumWidth": 720, "contentVisualWidth": 1272, "contentVisualHeight": 526, "overflowX": "clip", "pageListClientWidth": 1208, "contentScrollWidth": 1272, "expected": "scale-together", "dataScale": 1, "pageListScrollWidth": 1208, "groupId": "command-palette", "rootVisualHeight": 526, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 1728, "pageListFlexWrap": "nowrap", "scaledNodes": 0, "rootClientWidth": 1272, "badgeCount": 7, "pageClientWidth": 1728, "badgesOwnedByRoot": true, "rootScrollWidth": 1272, "minimumWidth": 720, "contentVisualWidth": 1272, "contentVisualHeight": 532, "overflowX": "clip", "pageListClientWidth": 1208, "contentScrollWidth": 1272, "expected": "scale-together", "dataScale": 1, "pageListScrollWidth": 1208, "groupId": "composer", "rootVisualHeight": 532, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 1728, "pageListFlexWrap": "nowrap", "scaledNodes": 0, "rootClientWidth": 1272, "badgeCount": 2, "pageClientWidth": 1728, "badgesOwnedByRoot": true, "rootScrollWidth": 1272, "minimumWidth": 720, "contentVisualWidth": 1272, "contentVisualHeight": 536, "overflowX": "clip", "pageListClientWidth": 1208, "contentScrollWidth": 1272, "expected": "scale-together", "dataScale": 1, "pageListScrollWidth": 1208, "groupId": "home", "rootVisualHeight": 536, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 1728, "pageListFlexWrap": "nowrap", "scaledNodes": 0, "rootClientWidth": 1272, "badgeCount": 2, "pageClientWidth": 1728, "badgesOwnedByRoot": true, "rootScrollWidth": 1272, "minimumWidth": 720, "contentVisualWidth": 1272, "contentVisualHeight": 505, "overflowX": "clip", "pageListClientWidth": 1208, "contentScrollWidth": 1272, "expected": "scale-together", "dataScale": 1, "pageListScrollWidth": 1208, "groupId": "settings", "rootVisualHeight": 505, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 1728, "pageListFlexWrap": "nowrap", "scaledNodes": 0, "rootClientWidth": 1272, "badgeCount": 1, "pageClientWidth": 1728, "badgesOwnedByRoot": true, "rootScrollWidth": 1272, "minimumWidth": 720, "contentVisualWidth": 1272, "contentVisualHeight": 512, "overflowX": "clip", "pageListClientWidth": 1208, "contentScrollWidth": 1272, "expected": "scale-together", "dataScale": 1, "pageListScrollWidth": 1208, "groupId": "extensions", "rootVisualHeight": 512, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 1728, "pageListFlexWrap": "nowrap", "scaledNodes": 0, "rootClientWidth": 1024, "badgeCount": 0, "pageClientWidth": 1728, "badgesOwnedByRoot": true, "rootScrollWidth": 1024, "minimumWidth": 0, "contentVisualWidth": 1024, "contentVisualHeight": 545, "overflowX": "visible", "pageListClientWidth": 1208, "contentScrollWidth": 1024, "expected": "reflow", "dataScale": 1, "pageListScrollWidth": 1208, "groupId": "headless", "rootVisualHeight": 545, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "reflow", "contentMinWidth": "0px", "selectedPageVisible": true } ], "cardVariants": [ { "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "pageClientWidth": 1728, "cardBottom": 953, "title": "Full-page panels", "annotation": 1, "pageScrollWidth": 1728, "rootClientWidth": 1272, "rootScrollWidth": 1272, "viewportHeight": 1028 }, { "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "pageClientWidth": 1728, "cardBottom": 953, "title": "The thread list", "annotation": 2, "pageScrollWidth": 1728, "rootClientWidth": 1272, "rootScrollWidth": 1272, "viewportHeight": 1028 }, { "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "pageClientWidth": 1728, "cardBottom": 1007, "title": "Thread row status", "annotation": 3, "pageScrollWidth": 1728, "rootClientWidth": 1272, "rootScrollWidth": 1272, "viewportHeight": 1028 }, { "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "pageClientWidth": 1728, "cardBottom": 953, "title": "Sidebar footer buttons", "annotation": 4, "pageScrollWidth": 1728, "rootClientWidth": 1272, "rootScrollWidth": 1272, "viewportHeight": 1028 }, { "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "pageClientWidth": 1728, "cardBottom": 953, "title": "Thread header controls", "annotation": 5, "pageScrollWidth": 1728, "rootClientWidth": 1272, "rootScrollWidth": 1272, "viewportHeight": 1028 }, { "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "pageClientWidth": 1728, "cardBottom": 953, "title": "Rich message embeds", "annotation": 6, "pageScrollWidth": 1728, "rootClientWidth": 1272, "rootScrollWidth": 1272, "viewportHeight": 1028 }, { "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "pageClientWidth": 1728, "cardBottom": 965.203125, "title": "Message actions", "annotation": 7, "pageScrollWidth": 1728, "rootClientWidth": 1272, "rootScrollWidth": 1272, "viewportHeight": 1028 }, { "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "pageClientWidth": 1728, "cardBottom": 956.078125, "title": "In-thread forms", "annotation": 8, "pageScrollWidth": 1728, "rootClientWidth": 1272, "rootScrollWidth": 1272, "viewportHeight": 1028 }, { "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "pageClientWidth": 1728, "cardBottom": 953, "title": "Code & diff renderers", "annotation": 9, "pageScrollWidth": 1728, "rootClientWidth": 1272, "rootScrollWidth": 1272, "viewportHeight": 1028 }, { "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "pageClientWidth": 1728, "cardBottom": 926, "title": "Thread side-panel tabs", "annotation": 10, "pageScrollWidth": 1728, "rootClientWidth": 1272, "rootScrollWidth": 1272, "viewportHeight": 1028 }, { "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "pageClientWidth": 1728, "cardBottom": 953, "title": "File viewers & editors", "annotation": 11, "pageScrollWidth": 1728, "rootClientWidth": 1272, "rootScrollWidth": 1272, "viewportHeight": 1028 }, { "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "pageClientWidth": 1728, "cardBottom": 953, "title": "Timeline entry content", "annotation": 12, "pageScrollWidth": 1728, "rootClientWidth": 1272, "rootScrollWidth": 1272, "viewportHeight": 1028 }, { "pageClientHeight": 980, "pageScrollHeight": 980, "pageScrollTop": 0, "pageClientWidth": 1728, "cardBottom": 1007, "title": "App-wide scripts", "annotation": 13, "pageScrollWidth": 1728, "rootClientWidth": 1272, "rootScrollWidth": 1272, "viewportHeight": 1028 } ], "beforeScreenshot": "/Users/brsbl/.bb/thread-storage/thr_n5zzpc884f/qa/final/plugin-guide-responsive-reference-desktop-before-safari-bc30d52cc3688b062876679bf7e34ca27d04d65f.png", "afterScreenshot": "/Users/brsbl/.bb/thread-storage/thr_n5zzpc884f/qa/final/plugin-guide-responsive-reference-desktop-after-safari-bc30d52cc3688b062876679bf7e34ca27d04d65f.png", "result": "PASS" }, { "viewportClass": "normal-desktop", "requestedWindow": { "width": 1440, "height": 1000 }, "viewport": { "width": 1440, "height": 948, "deviceScaleFactor": 2 }, "cycles": 5, "states": [ { "pageScrollWidth": 1120, "pageListFlexWrap": "nowrap", "scaledNodes": 1, "rootClientWidth": 1064, "badgeCount": 13, "pageClientWidth": 1120, "badgesOwnedByRoot": true, "rootScrollWidth": 1064, "minimumWidth": 1260, "contentVisualWidth": 898.4888916015625, "contentVisualHeight": 446.71112060546875, "overflowX": "clip", "pageListClientWidth": 1000, "contentScrollWidth": 1260, "expected": "scale-together", "dataScale": 0.8444, "pageListScrollWidth": 1000, "groupId": "app-shell", "rootVisualHeight": 446.703125, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 1120, "pageListFlexWrap": "nowrap", "scaledNodes": 0, "rootClientWidth": 1064, "badgeCount": 1, "pageClientWidth": 1120, "badgesOwnedByRoot": true, "rootScrollWidth": 1064, "minimumWidth": 720, "contentVisualWidth": 1064, "contentVisualHeight": 526, "overflowX": "clip", "pageListClientWidth": 1000, "contentScrollWidth": 1064, "expected": "scale-together", "dataScale": 1, "pageListScrollWidth": 1000, "groupId": "command-palette", "rootVisualHeight": 526, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 1120, "pageListFlexWrap": "nowrap", "scaledNodes": 0, "rootClientWidth": 1064, "badgeCount": 7, "pageClientWidth": 1120, "badgesOwnedByRoot": true, "rootScrollWidth": 1064, "minimumWidth": 720, "contentVisualWidth": 1064, "contentVisualHeight": 532, "overflowX": "clip", "pageListClientWidth": 1000, "contentScrollWidth": 1064, "expected": "scale-together", "dataScale": 1, "pageListScrollWidth": 1000, "groupId": "composer", "rootVisualHeight": 532, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 1120, "pageListFlexWrap": "nowrap", "scaledNodes": 0, "rootClientWidth": 1064, "badgeCount": 2, "pageClientWidth": 1120, "badgesOwnedByRoot": true, "rootScrollWidth": 1064, "minimumWidth": 720, "contentVisualWidth": 1064, "contentVisualHeight": 536, "overflowX": "clip", "pageListClientWidth": 1000, "contentScrollWidth": 1064, "expected": "scale-together", "dataScale": 1, "pageListScrollWidth": 1000, "groupId": "home", "rootVisualHeight": 536, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 1120, "pageListFlexWrap": "nowrap", "scaledNodes": 0, "rootClientWidth": 1064, "badgeCount": 2, "pageClientWidth": 1120, "badgesOwnedByRoot": true, "rootScrollWidth": 1064, "minimumWidth": 720, "contentVisualWidth": 1064, "contentVisualHeight": 505, "overflowX": "clip", "pageListClientWidth": 1000, "contentScrollWidth": 1064, "expected": "scale-together", "dataScale": 1, "pageListScrollWidth": 1000, "groupId": "settings", "rootVisualHeight": 505, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 1120, "pageListFlexWrap": "nowrap", "scaledNodes": 0, "rootClientWidth": 1064, "badgeCount": 1, "pageClientWidth": 1120, "badgesOwnedByRoot": true, "rootScrollWidth": 1064, "minimumWidth": 720, "contentVisualWidth": 1064, "contentVisualHeight": 512, "overflowX": "clip", "pageListClientWidth": 1000, "contentScrollWidth": 1064, "expected": "scale-together", "dataScale": 1, "pageListScrollWidth": 1000, "groupId": "extensions", "rootVisualHeight": 512, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 1120, "pageListFlexWrap": "nowrap", "scaledNodes": 0, "rootClientWidth": 1024, "badgeCount": 0, "pageClientWidth": 1120, "badgesOwnedByRoot": true, "rootScrollWidth": 1024, "minimumWidth": 0, "contentVisualWidth": 1024, "contentVisualHeight": 545, "overflowX": "visible", "pageListClientWidth": 1000, "contentScrollWidth": 1024, "expected": "reflow", "dataScale": 1, "pageListScrollWidth": 1000, "groupId": "headless", "rootVisualHeight": 545, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "reflow", "contentMinWidth": "0px", "selectedPageVisible": true } ], "cardVariants": [], "beforeScreenshot": "/Users/brsbl/.bb/thread-storage/thr_n5zzpc884f/qa/final/plugin-guide-responsive-normal-desktop-before-safari-bc30d52cc3688b062876679bf7e34ca27d04d65f.png", "afterScreenshot": "/Users/brsbl/.bb/thread-storage/thr_n5zzpc884f/qa/final/plugin-guide-responsive-normal-desktop-after-safari-bc30d52cc3688b062876679bf7e34ca27d04d65f.png", "result": "PASS" }, { "viewportClass": "small-narrow", "requestedWindow": { "width": 768, "height": 900 }, "viewport": { "width": 768, "height": 848, "deviceScaleFactor": 2 }, "cycles": 5, "states": [ { "pageScrollWidth": 448, "pageListFlexWrap": "nowrap", "scaledNodes": 1, "rootClientWidth": 392, "badgeCount": 13, "pageClientWidth": 448, "badgesOwnedByRoot": true, "rootScrollWidth": 392, "minimumWidth": 1260, "contentVisualWidth": 224, "contentVisualHeight": 164.57778930664062, "overflowX": "clip", "pageListClientWidth": 328, "contentScrollWidth": 1260, "expected": "scale-together", "dataScale": 0.3111, "pageListScrollWidth": 872, "groupId": "app-shell", "rootVisualHeight": 164.5625, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 448, "pageListFlexWrap": "nowrap", "scaledNodes": 1, "rootClientWidth": 392, "badgeCount": 1, "pageClientWidth": 448, "badgesOwnedByRoot": true, "rootScrollWidth": 392, "minimumWidth": 720, "contentVisualWidth": 392, "contentVisualHeight": 286.3777770996094, "overflowX": "clip", "pageListClientWidth": 328, "contentScrollWidth": 720, "expected": "scale-together", "dataScale": 0.5444, "pageListScrollWidth": 872, "groupId": "command-palette", "rootVisualHeight": 286.375, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 448, "pageListFlexWrap": "nowrap", "scaledNodes": 1, "rootClientWidth": 392, "badgeCount": 7, "pageClientWidth": 448, "badgesOwnedByRoot": true, "rootScrollWidth": 392, "minimumWidth": 720, "contentVisualWidth": 365.5958251953125, "contentVisualHeight": 270.13470458984375, "overflowX": "clip", "pageListClientWidth": 328, "contentScrollWidth": 772, "expected": "scale-together", "dataScale": 0.5078, "pageListScrollWidth": 872, "groupId": "composer", "rootVisualHeight": 270.125, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 448, "pageListFlexWrap": "nowrap", "scaledNodes": 1, "rootClientWidth": 392, "badgeCount": 2, "pageClientWidth": 448, "badgesOwnedByRoot": true, "rootScrollWidth": 392, "minimumWidth": 720, "contentVisualWidth": 392, "contentVisualHeight": 291.82220458984375, "overflowX": "clip", "pageListClientWidth": 328, "contentScrollWidth": 720, "expected": "scale-together", "dataScale": 0.5444, "pageListScrollWidth": 872, "groupId": "home", "rootVisualHeight": 291.8125, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 448, "pageListFlexWrap": "nowrap", "scaledNodes": 1, "rootClientWidth": 392, "badgeCount": 2, "pageClientWidth": 448, "badgesOwnedByRoot": true, "rootScrollWidth": 392, "minimumWidth": 720, "contentVisualWidth": 392, "contentVisualHeight": 274.9444580078125, "overflowX": "clip", "pageListClientWidth": 328, "contentScrollWidth": 720, "expected": "scale-together", "dataScale": 0.5444, "pageListScrollWidth": 872, "groupId": "settings", "rootVisualHeight": 274.9375, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 448, "pageListFlexWrap": "nowrap", "scaledNodes": 1, "rootClientWidth": 392, "badgeCount": 1, "pageClientWidth": 448, "badgesOwnedByRoot": true, "rootScrollWidth": 392, "minimumWidth": 720, "contentVisualWidth": 392, "contentVisualHeight": 278.75555419921875, "overflowX": "clip", "pageListClientWidth": 328, "contentScrollWidth": 720, "expected": "scale-together", "dataScale": 0.5444, "pageListScrollWidth": 872, "groupId": "extensions", "rootVisualHeight": 278.75, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "scale-together", "contentMinWidth": "720px", "selectedPageVisible": true }, { "pageScrollWidth": 448, "pageListFlexWrap": "nowrap", "scaledNodes": 0, "rootClientWidth": 392, "badgeCount": 0, "pageClientWidth": 448, "badgesOwnedByRoot": true, "rootScrollWidth": 392, "minimumWidth": 0, "contentVisualWidth": 392, "contentVisualHeight": 545, "overflowX": "visible", "pageListClientWidth": 328, "contentScrollWidth": 392, "expected": "reflow", "dataScale": 1, "pageListScrollWidth": 872, "groupId": "headless", "rootVisualHeight": 545, "pageListOverflowX": "auto", "badgesInsideScrollContent": true, "actual": "reflow", "contentMinWidth": "0px", "selectedPageVisible": true } ], "cardVariants": [], "beforeScreenshot": "/Users/brsbl/.bb/thread-storage/thr_n5zzpc884f/qa/final/plugin-guide-responsive-small-narrow-before-safari-bc30d52cc3688b062876679bf7e34ca27d04d65f.png", "afterScreenshot": "/Users/brsbl/.bb/thread-storage/thr_n5zzpc884f/qa/final/plugin-guide-responsive-small-narrow-after-safari-bc30d52cc3688b062876679bf7e34ca27d04d65f.png", "result": "PASS" } ], "hardReload": "PASS", "sustainedMotion": "PASS", "result": "PASS" }