{ "checks": [ { "name": "A1 bar ends after last field (padding 6 + border 1)", "status": "PASS", "data": { "left": 377, "right": 906.671875, "width": 529.671875, "height": 28, "lastFieldRight": 899.671875, "scrollW": 528, "clientW": 528, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 1920, "fieldCount": 4 } }, { "name": "A2 height 28 / header 49 / radius & border kept", "status": "PASS", "data": { "left": 377, "right": 906.671875, "width": 529.671875, "height": 28, "lastFieldRight": 899.671875, "scrollW": 528, "clientW": 528, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 1920, "fieldCount": 4 } }, { "name": "A3 background and bottom line end together; nothing brown beyond", "status": "PASS", "data": { "inBg": [ 38, 30, 19 ], "outBg": [ 245, 240, 229 ], "inLine": [ 8, 37, 28 ], "outLine": [ 245, 240, 229 ] } }, { "name": "A4 bar grows with added fields, none clipped", "status": "PASS", "data": { "left": 377, "right": 1546.046875, "width": 1169.046875, "height": 28, "lastFieldRight": 1539.046875, "scrollW": 1167, "clientW": 1167, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 1920, "fieldCount": 10 } }, { "name": "A5 longer than space: capped to header edge, scroll reaches last field", "status": "PASS", "data": { "left": 377, "right": 1920, "width": 1543, "height": 28, "lastFieldRight": 3030.921875, "scrollW": 2659, "clientW": 1541, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 1920, "fieldCount": 24, "lastVisible": true } }, { "name": "A6 bar shrinks back for a 1-field object", "status": "PASS", "data": { "left": 377, "right": 534.984375, "width": 157.984375, "height": 28, "lastFieldRight": 527.984375, "scrollW": 156, "clientW": 156, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 1920, "fieldCount": 1 } }, { "name": "A7 width 1440: bar within header, height 28, no page scroll", "status": "PASS", "data": { "left": 377, "right": 906.671875, "width": 529.671875, "height": 28, "lastFieldRight": 899.671875, "scrollW": 528, "clientW": 528, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 1440, "fieldCount": 4, "overflowX": false } }, { "name": "A7 width 1080: bar within header, height 28, no page scroll", "status": "PASS", "data": { "left": 203, "right": 732.671875, "width": 529.671875, "height": 28, "lastFieldRight": 725.671875, "scrollW": 528, "clientW": 528, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 1080, "fieldCount": 4, "overflowX": false } }, { "name": "A7 width 768: bar within header, height 28, no page scroll", "status": "PASS", "data": { "left": 306, "right": 768, "width": 462, "height": 28, "lastFieldRight": 828.671875, "scrollW": 528, "clientW": 460, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 768, "fieldCount": 4, "overflowX": false } }, { "name": "B1 no CSS border/outline/background on tool button", "status": "PASS", "data": { "border": "0px rgb(0, 0, 0)", "outline": "none", "bg": "rgba(0, 0, 0, 0)", "w": 29, "h": 27.125, "imgs": [ { "cls": "hm-sw-property__tool-default", "w": 29, "h": 27.125, "src": "data:image/svg+xml,%3csvg%20width='29'%20height='27.129'%20v" }, { "cls": "hm-sw-property__tool-hover", "w": 29, "h": 27.125, "src": "data:image/svg+xml,%3csvg%20width='29'%20height='27.129'%20v" } ] } }, { "name": "B2 images 29 x 27.13 equal the button", "status": "PASS", "data": [ { "cls": "hm-sw-property__tool-default", "w": 29, "h": 27.125, "src": "data:image/svg+xml,%3csvg%20width='29'%20height='27.129'%20v" }, { "cls": "hm-sw-property__tool-hover", "w": 29, "h": 27.125, "src": "data:image/svg+xml,%3csvg%20width='29'%20height='27.129'%20v" } ] }, { "name": "B3 no white frame pixels (default/hover/active)", "status": "PASS", "data": { "def": 0, "hov": 0, "act": 0 } }, { "name": "B4 active toggles (aria-pressed)", "status": "PASS", "data": { "pressed": "true" } }, { "name": "C layer: open+hover == open idle", "status": "PASS", "data": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true } }, { "name": "C layer: hover restored after close", "status": "PASS", "data": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true } }, { "name": "D layer: inner row hover kept / detail hover kept", "status": "PASS", "data": { "rowChanged": true, "detailChanged": true } }, { "name": "C color: open+hover == open idle", "status": "PASS", "data": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true } }, { "name": "C color: hover restored after close", "status": "PASS", "data": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true } }, { "name": "D color: inner row hover kept / detail hover kept", "status": "PASS", "data": { "rowChanged": true, "detailChanged": true } }, { "name": "C text-style: open+hover == open idle", "status": "PASS", "data": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true } }, { "name": "C text-style: hover restored after close", "status": "PASS", "data": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true } }, { "name": "D text-style: inner row hover kept / detail hover kept", "status": "PASS", "data": { "rowChanged": true, "detailChanged": true } }, { "name": "C dimension-style: open+hover == open idle", "status": "PASS", "data": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true } }, { "name": "C dimension-style: hover restored after close", "status": "PASS", "data": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true } }, { "name": "D dimension-style: inner row hover kept / detail hover kept", "status": "PASS", "data": { "rowChanged": true, "detailChanged": true } }, { "name": "C line-style: open+hover == open idle", "status": "PASS", "data": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true } }, { "name": "C line-style: hover restored after close", "status": "PASS", "data": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true } }, { "name": "D line-style: inner row hover kept / detail hover kept", "status": "PASS", "data": { "rowChanged": true, "detailChanged": true } }, { "name": "E1 initial 0.25: red left of thumb, beige right", "status": "PASS", "data": { "value": "0.25", "fill": "0.25", "track": "linear-gradient(#aea28b 0 1px, #c3b9a4 1px 2px, #c7bda9 2px 4px, #b7ac96 4px 5px, #ac9e84 5px)", "left": [ 254, 64, 64 ], "right": [ 196, 186, 166 ], "width": 86 } }, { "name": "E2 keyboard ArrowRight x40 -> 0.65, fill follows", "status": "PASS", "data": { "value": "0.65", "fill": "0.65", "track": "linear-gradient(#aea28b 0 1px, #c3b9a4 1px 2px, #c7bda9 2px 4px, #b7ac96 4px 5px, #ac9e84 5px)", "left": [ 254, 64, 64 ], "right": [ 199, 189, 169 ], "width": 86 } }, { "name": "E3 commit updates the number input (callback path)", "status": "PASS", "data": { "committed": "0.65" } }, { "name": "E4 max -> fill 1", "status": "PASS", "data": { "value": "1", "fill": "1", "track": "linear-gradient(#aea28b 0 1px, #c3b9a4 1px 2px, #c7bda9 2px 4px, #b7ac96 4px 5px, #ac9e84 5px)", "left": [ 254, 64, 64 ], "right": [ 164, 17, 17 ], "width": 86 } }, { "name": "E5 min -> fill 0, beige right", "status": "PASS", "data": { "value": "0", "fill": "0", "track": "linear-gradient(#aea28b 0 1px, #c3b9a4 1px 2px, #c7bda9 2px 4px, #b7ac96 4px 5px, #ac9e84 5px)", "left": [ 166, 125, 3 ], "right": [ 196, 186, 166 ], "width": 86 } }, { "name": "E6 value changed elsewhere syncs gauge", "status": "PASS", "data": { "value": "0.5", "fill": "0.5", "track": "linear-gradient(#aea28b 0 1px, #c3b9a4 1px 2px, #c7bda9 2px 4px, #b7ac96 4px 5px, #ac9e84 5px)" } }, { "name": "F property-panel-none renders", "status": "PASS", "data": [ 314, 256 ] }, { "name": "F property-panel-all renders", "status": "PASS", "data": [ 314, 361 ] }, { "name": "F property-panel-circle renders", "status": "PASS", "data": [ 314, 658 ] }, { "name": "F property-panel-expanded renders", "status": "PASS", "data": [ 314, 754 ] }, { "name": "G no page/console errors", "status": "PASS", "data": [] } ], "errors": [], "data": { "barDefault": { "left": 377, "right": 906.671875, "width": 529.671875, "height": 28, "lastFieldRight": 899.671875, "scrollW": 528, "clientW": 528, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 1920, "fieldCount": 4 }, "barGrown": { "left": 377, "right": 1546.046875, "width": 1169.046875, "height": 28, "lastFieldRight": 1539.046875, "scrollW": 1167, "clientW": 1167, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 1920, "fieldCount": 10 }, "barOverflow": { "left": 377, "right": 1920, "width": 1543, "height": 28, "lastFieldRight": 3030.921875, "scrollW": 2659, "clientW": 1541, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 1920, "fieldCount": 24 }, "barReplaced": { "left": 377, "right": 534.984375, "width": 157.984375, "height": 28, "lastFieldRight": 527.984375, "scrollW": 156, "clientW": 156, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 1920, "fieldCount": 1 }, "bar1440": { "left": 377, "right": 906.671875, "width": 529.671875, "height": 28, "lastFieldRight": 899.671875, "scrollW": 528, "clientW": 528, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 1440, "fieldCount": 4 }, "bar1080": { "left": 203, "right": 732.671875, "width": 529.671875, "height": 28, "lastFieldRight": 725.671875, "scrollW": 528, "clientW": 528, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 1080, "fieldCount": 4 }, "bar768": { "left": 306, "right": 768, "width": 462, "height": 28, "lastFieldRight": 828.671875, "scrollW": 528, "clientW": 460, "borderBottom": "1px rgb(8, 37, 28)", "radius": "6px/6px", "bg": "rgb(39, 31, 19)", "headerH": 49, "headerRight": 768, "fieldCount": 4 }, "tool": { "border": "0px rgb(0, 0, 0)", "outline": "none", "bg": "rgba(0, 0, 0, 0)", "w": 29, "h": 27.125, "imgs": [ { "cls": "hm-sw-property__tool-default", "w": 29, "h": 27.125, "src": "data:image/svg+xml,%3csvg%20width='29'%20height='27.129'%20v" }, { "cls": "hm-sw-property__tool-hover", "w": 29, "h": 27.125, "src": "data:image/svg+xml,%3csvg%20width='29'%20height='27.129'%20v" } ] }, "toolPixels": { "def": { "white": 0, "outer": [ [ 2, 7, 5 ], [ 2, 7, 5 ], [ 17, 67, 52 ], [ 17, 67, 52 ] ] }, "hov": { "white": 0, "outer": [ [ 2, 7, 5 ], [ 2, 7, 5 ], [ 17, 67, 52 ], [ 17, 67, 52 ] ] }, "act": { "white": 0, "outer": [ [ 2, 7, 5 ], [ 2, 7, 5 ], [ 17, 67, 52 ], [ 17, 67, 52 ] ] }, "pressed": "true" }, "dropdown-layer": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true }, "dropdown-color": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true }, "dropdown-text-style": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true }, "dropdown-dimension-style": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "0", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true }, "dropdown-line-style": { "closedHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "openIdle": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": "true" }, "openHover": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": "true" }, "closedAgain": { "after": "0", "color": "rgb(246, 244, 242)", "expanded": null }, "restored": { "after": "1", "color": "rgb(255, 198, 0)", "expanded": null }, "rowChanged": true, "detailChanged": true }, "gaugeInitial": { "value": "0.25", "fill": "0.25", "track": "linear-gradient(#aea28b 0 1px, #c3b9a4 1px 2px, #c7bda9 2px 4px, #b7ac96 4px 5px, #ac9e84 5px)", "left": [ 254, 64, 64 ], "right": [ 196, 186, 166 ], "width": 86 }, "gaugeKeyboard": { "value": "0.65", "fill": "0.65", "track": "linear-gradient(#aea28b 0 1px, #c3b9a4 1px 2px, #c7bda9 2px 4px, #b7ac96 4px 5px, #ac9e84 5px)", "left": [ 254, 64, 64 ], "right": [ 199, 189, 169 ], "width": 86 }, "gaugeCommitted": "0.65", "gaugeMax": { "value": "1", "fill": "1", "track": "linear-gradient(#aea28b 0 1px, #c3b9a4 1px 2px, #c7bda9 2px 4px, #b7ac96 4px 5px, #ac9e84 5px)", "left": [ 254, 64, 64 ], "right": [ 164, 17, 17 ], "width": 86 }, "gaugeMin": { "value": "0", "fill": "0", "track": "linear-gradient(#aea28b 0 1px, #c3b9a4 1px 2px, #c7bda9 2px 4px, #b7ac96 4px 5px, #ac9e84 5px)", "left": [ 166, 125, 3 ], "right": [ 196, 186, 166 ], "width": 86 }, "gaugeExternal": { "value": "0.5", "fill": "0.5", "track": "linear-gradient(#aea28b 0 1px, #c3b9a4 1px 2px, #c7bda9 2px 4px, #b7ac96 4px 5px, #ac9e84 5px)" }, "property-panel-none": [ 314, 256 ], "property-panel-all": [ 314, 361 ], "property-panel-circle": [ 314, 658 ], "property-panel-expanded": [ 314, 754 ] } }