shkim4/HMDesign
Private
Public Access
1
0 Fork 0
Code Activity
Files
21fe7a29c7c3350e0981ebf594ad6001c4f2bfd2
HMDesign/docs/sw/firefox-range-qa/result.json
T
shkim4andClaude Opus 5.5 724c51732b fix(sw): refine property panel and Firefox range styles 
- Property bar ends after its last field (content width, scrolls when longer)
- Remove Figma canvas layers from property tool and close SVGs
- Suppress header field hover while the field's own dropdown is open
- Gauge: Figma red fill pill, beige track, Figma thumb SVG; shared
  paint for WebKit and Gecko (::-moz-range-*) so Firefox matches Chrome
- Story buttons for gauge external value / disabled / read-only
- Browser checks: follow-up fixes, Chrome vs Firefox range, close button

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-19 09:10:13 +09:00

1830 lines
39 KiB
JSON
Raw Blame History

{
"story": "http://127.0.0.1:6024/iframe.html?id=sw-header--property-panel&viewMode=story",
"viewport": {
"width": 1400,
"height": 1000
},
"browsers": {
"chrome": {
"version": "155.0.8059.80",
"errors": []
},
"firefox": {
"version": "158.0",
"errors": [
"downloadable font: download failed (font-family: \"Nunito Sans\" style:normal weight:400 width:100 src index:0): status=2147746065 source: http://127.0.0.1:6024/sb-common-assets/nunito-sans-regular.woff2"
]
}
},
"steps": [
{
"step": "initial",
"chrome": {
"step": "initial",
"value": "0.25",
"fill": "0.25",
"disabled": false,
"number": "0.25",
"x": 1277.65625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true)",
"focused": false,
"focusVisible": false,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.65625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 19,
"right": 30,
"top": 1,
"bottom": 14,
"cx": 25,
"cy": 8
},
"fillCol": [
"f1ece1",
"f1ece1",
"000000",
"b51717",
"fe4040",
"ed1616",
"7a0000",
"000000",
"eadec8",
"f1ece1"
],
"trackCol": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eadec8",
"f1ece1"
],
"fillExtent": {
"from": 5,
"to": 11,
"rows": 7
},
"trackExtent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
"firefox": {
"step": "initial",
"value": "0.25",
"fill": "0.25",
"disabled": false,
"number": "0.25",
"x": 1277.6666259765625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true)",
"focused": false,
"focusVisible": false,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.6666259765625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 19,
"right": 30,
"top": 1,
"bottom": 14,
"cx": 25,
"cy": 8
},
"fillCol": [
"f1ece1",
"f1ece1",
"000000",
"b51717",
"fe4040",
"ed1515",
"7a0000",
"000000",
"ede5d4",
"f1ece1"
],
"trackCol": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eee5d5",
"f1ece1"
],
"fillExtent": {
"from": 5,
"to": 11,
"rows": 7
},
"trackExtent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
"diff": {
"pixels": 1800,
"max": 49,
"mean": 2.06,
"over16": 76,
"over48": 1
}
},
{
"step": "keyboard-0.65",
"chrome": {
"step": "keyboard-0.65",
"value": "0.65",
"fill": "0.65",
"disabled": false,
"number": "0.25",
"x": 1277.65625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true)",
"focused": true,
"focusVisible": true,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.65625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 47,
"right": 58,
"top": 1,
"bottom": 14,
"cx": 53,
"cy": 8
},
"fillCol": [
"f1ece1",
"f1ece1",
"000000",
"b51717",
"fe4040",
"ed1616",
"7a0000",
"000000",
"eadec8",
"f1ece1"
],
"trackCol": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eadec8",
"f1ece1"
],
"fillExtent": {
"from": 5,
"to": 11,
"rows": 7
},
"trackExtent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
"firefox": {
"step": "keyboard-0.65",
"value": "0.65",
"fill": "0.65",
"disabled": false,
"number": "0.25",
"x": 1277.6666259765625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true)",
"focused": true,
"focusVisible": false,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.6666259765625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 47,
"right": 58,
"top": 1,
"bottom": 14,
"cx": 53,
"cy": 8
},
"fillCol": [
"f1ece1",
"f1ece1",
"000000",
"b51717",
"fe4040",
"ed1515",
"7a0000",
"000000",
"ede5d4",
"f1ece1"
],
"trackCol": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eee5d5",
"f1ece1"
],
"fillExtent": {
"from": 5,
"to": 11,
"rows": 7
},
"trackExtent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
"diff": {
"pixels": 1800,
"max": 49,
"mean": 2.08,
"over16": 76,
"over48": 1
}
},
{
"step": "enter-commit",
"chrome": {
"step": "enter-commit",
"value": "0.65",
"fill": "0.65",
"disabled": false,
"number": "0.65",
"x": 1277.65625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true) → property(opacity, 0.65)",
"focused": true,
"focusVisible": true,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.65625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 47,
"right": 58,
"top": 1,
"bottom": 14,
"cx": 53,
"cy": 8
},
"fillCol": [
"f1ece1",
"f1ece1",
"000000",
"b51717",
"fe4040",
"ed1616",
"7a0000",
"000000",
"eadec8",
"f1ece1"
],
"trackCol": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eadec8",
"f1ece1"
],
"fillExtent": {
"from": 5,
"to": 11,
"rows": 7
},
"trackExtent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
"firefox": {
"step": "enter-commit",
"value": "0.65",
"fill": "0.65",
"disabled": false,
"number": "0.65",
"x": 1277.6666259765625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true) → property(opacity, 0.65)",
"focused": true,
"focusVisible": false,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.6666259765625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 47,
"right": 58,
"top": 1,
"bottom": 14,
"cx": 53,
"cy": 8
},
"fillCol": [
"f1ece1",
"f1ece1",
"000000",
"b51717",
"fe4040",
"ed1515",
"7a0000",
"000000",
"ede5d4",
"f1ece1"
],
"trackCol": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eee5d5",
"f1ece1"
],
"fillExtent": {
"from": 5,
"to": 11,
"rows": 7
},
"trackExtent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
"diff": {
"pixels": 1800,
"max": 49,
"mean": 2.08,
"over16": 76,
"over48": 1
}
},
{
"step": "max",
"chrome": {
"step": "max",
"value": "1",
"fill": "1",
"disabled": false,
"number": "0.65",
"x": 1277.65625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true) → property(opacity, 0.65)",
"focused": true,
"focusVisible": true,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.65625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 73,
"right": 84,
"top": 1,
"bottom": 14,
"cx": 79,
"cy": 8
},
"fillCol": [
"f1ece1",
"f1ece1",
"000000",
"b51717",
"fe4040",
"ed1616",
"7a0000",
"000000",
"eadec8",
"f1ece1"
],
"trackCol": [
"f06161",
"e76161",
"d74e4e",
"c62929",
"a41111",
"780808",
"510000",
"510000",
"5e0000",
"640000"
],
"fillExtent": {
"from": 5,
"to": 11,
"rows": 7
},
"trackExtent": {
"from": 3,
"to": 12,
"rows": 10
}
}
},
"firefox": {
"step": "max",
"value": "1",
"fill": "1",
"disabled": false,
"number": "0.65",
"x": 1277.6666259765625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true) → property(opacity, 0.65)",
"focused": true,
"focusVisible": false,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.6666259765625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 73,
"right": 84,
"top": 1,
"bottom": 14,
"cx": 79,
"cy": 8
},
"fillCol": [
"f1ece1",
"f1ece1",
"000000",
"b51717",
"fe4040",
"ed1515",
"7a0000",
"000000",
"ede5d4",
"f1ece1"
],
"trackCol": [
"f16262",
"e85e5e",
"d74f4f",
"c62929",
"a41212",
"780808",
"510000",
"510000",
"630000",
"630000"
],
"fillExtent": {
"from": 5,
"to": 11,
"rows": 7
},
"trackExtent": {
"from": 3,
"to": 12,
"rows": 10
}
}
},
"diff": {
"pixels": 1800,
"max": 49,
"mean": 2.09,
"over16": 75,
"over48": 1
}
},
{
"step": "min",
"chrome": {
"step": "min",
"value": "0",
"fill": "0",
"disabled": false,
"number": "0.65",
"x": 1277.65625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true) → property(opacity, 0.65)",
"focused": true,
"focusVisible": true,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.65625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 1,
"right": 12,
"top": 1,
"bottom": 14,
"cx": 7,
"cy": 8
},
"fillCol": [
"f55252",
"f87777",
"f9aaaa",
"ca7474",
"903030",
"851818",
"961a1a",
"a51c1c",
"af1515",
"a90d0d"
],
"trackCol": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eadec8",
"f1ece1"
],
"fillExtent": {
"from": 3,
"to": 12,
"rows": 10
},
"trackExtent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
"firefox": {
"step": "min",
"value": "0",
"fill": "0",
"disabled": false,
"number": "0.65",
"x": 1277.6666259765625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true) → property(opacity, 0.65)",
"focused": true,
"focusVisible": false,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.6666259765625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 1,
"right": 12,
"top": 1,
"bottom": 14,
"cx": 7,
"cy": 8
},
"fillCol": [
"f55252",
"f87474",
"f9aaaa",
"ca7474",
"903030",
"851818",
"961a1a",
"a51c1c",
"b21515",
"a90d0d"
],
"trackCol": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eee5d5",
"f1ece1"
],
"fillExtent": {
"from": 3,
"to": 12,
"rows": 10
},
"trackExtent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
"diff": {
"pixels": 1800,
"max": 29,
"mean": 1.96,
"over16": 71,
"over48": 0
}
},
{
"step": "external-0.8",
"chrome": {
"step": "external-0.8",
"value": "0.8",
"fill": "0.8",
"disabled": false,
"number": "0.8",
"x": 1277.65625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true) → property(opacity, 0.65)",
"focused": true,
"focusVisible": true,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.65625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 58,
"right": 69,
"top": 1,
"bottom": 14,
"cx": 64,
"cy": 8
},
"fillCol": [
"f1ece1",
"f1ece1",
"000000",
"b51717",
"fe4040",
"ed1616",
"7a0000",
"000000",
"eadec8",
"f1ece1"
],
"trackCol": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eadec8",
"f1ece1"
],
"fillExtent": {
"from": 5,
"to": 11,
"rows": 7
},
"trackExtent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
"firefox": {
"step": "external-0.8",
"value": "0.8",
"fill": "0.8",
"disabled": false,
"number": "0.8",
"x": 1277.6666259765625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true) → property(opacity, 0.65)",
"focused": true,
"focusVisible": false,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.6666259765625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 58,
"right": 69,
"top": 1,
"bottom": 14,
"cx": 64,
"cy": 8
},
"fillCol": [
"f1ece1",
"f1ece1",
"000000",
"b51717",
"fe4040",
"ed1515",
"7a0000",
"000000",
"ede5d4",
"f1ece1"
],
"trackCol": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eee5d5",
"f1ece1"
],
"fillExtent": {
"from": 5,
"to": 11,
"rows": 7
},
"trackExtent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
"diff": {
"pixels": 1800,
"max": 49,
"mean": 2.08,
"over16": 76,
"over48": 1
}
},
{
"step": "disabled",
"chrome": {
"step": "disabled",
"value": "0.8",
"fill": "0.8",
"disabled": true,
"number": "0.8",
"x": 1277.65625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true) → property(opacity, 0.65)",
"focused": false,
"focusVisible": false,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.65625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 58,
"right": 69,
"top": 1,
"bottom": 13,
"cx": 64,
"cy": 7.5
},
"fillCol": [
"f1ece1",
"f1ece1",
"918e87",
"d99790",
"f7a8a1",
"f09790",
"c28e87",
"918e87",
"efe7d7",
"f1ece1"
],
"trackCol": [
"f1ece1",
"f1ece1",
"d7cfbf",
"dfd8c9",
"e1dacb",
"e1dacb",
"dad3c3",
"d6cdbc",
"efe7d7",
"f1ece1"
],
"fillExtent": {
"from": 5,
"to": 10,
"rows": 6
},
"trackExtent": {
"from": 5,
"to": 10,
"rows": 6
}
}
},
"firefox": {
"step": "disabled",
"value": "0.8",
"fill": "0.8",
"disabled": true,
"number": "0.8",
"x": 1277.6666259765625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true) → property(opacity, 0.65)",
"focused": false,
"focusVisible": false,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.6666259765625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 58,
"right": 69,
"top": 1,
"bottom": 13,
"cx": 64,
"cy": 7.5
},
"fillCol": [
"f1ece1",
"f1ece1",
"908d86",
"d8968f",
"f6a6a0",
"ef958e",
"c18d86",
"908d86",
"f0e9dc",
"f1ece1"
],
"trackCol": [
"f1ece1",
"f1ece1",
"d6cebe",
"ded7c8",
"e0d9ca",
"e0d9ca",
"d9d2c2",
"d5ccbb",
"f0eadc",
"f1ece1"
],
"fillExtent": {
"from": 5,
"to": 10,
"rows": 6
},
"trackExtent": {
"from": 5,
"to": 10,
"rows": 6
}
}
},
"diff": {
"pixels": 1800,
"max": 21,
"mean": 1.15,
"over16": 2,
"over48": 0
}
},
{
"step": "readonly",
"chrome": {
"step": "readonly",
"value": "0.8",
"fill": "0.8",
"disabled": true,
"number": "0.8",
"x": 1277.65625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true) → property(opacity, 0.65)",
"focused": false,
"focusVisible": false,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.65625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 58,
"right": 69,
"top": 1,
"bottom": 14,
"cx": 64,
"cy": 8
},
"fillCol": [
"f1ece1",
"f1ece1",
"000000",
"b51717",
"fe4040",
"ed1616",
"7a0000",
"000000",
"eadec8",
"f1ece1"
],
"trackCol": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eadec8",
"f1ece1"
],
"fillExtent": {
"from": 5,
"to": 11,
"rows": 7
},
"trackExtent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
"firefox": {
"step": "readonly",
"value": "0.8",
"fill": "0.8",
"disabled": true,
"number": "0.8",
"x": 1277.6666259765625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true) → property(opacity, 0.65)",
"focused": false,
"focusVisible": false,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.6666259765625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 58,
"right": 69,
"top": 1,
"bottom": 14,
"cx": 64,
"cy": 8
},
"fillCol": [
"f1ece1",
"f1ece1",
"000000",
"b51717",
"fe4040",
"ed1515",
"7a0000",
"000000",
"ede5d4",
"f1ece1"
],
"trackCol": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eee5d5",
"f1ece1"
],
"fillExtent": {
"from": 5,
"to": 11,
"rows": 7
},
"trackExtent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
"diff": {
"pixels": 1800,
"max": 49,
"mean": 2.08,
"over16": 76,
"over48": 1
}
},
{
"step": "restored",
"chrome": {
"step": "restored",
"value": "0",
"fill": "0",
"disabled": false,
"number": "0.8",
"x": 1277.65625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true) → property(opacity, 0.65)",
"focused": true,
"focusVisible": true,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.65625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 1,
"right": 12,
"top": 1,
"bottom": 14,
"cx": 7,
"cy": 8
},
"fillCol": [
"f55252",
"f87777",
"f9aaaa",
"ca7474",
"903030",
"851818",
"961a1a",
"a51c1c",
"af1515",
"a90d0d"
],
"trackCol": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eadec8",
"f1ece1"
],
"fillExtent": {
"from": 3,
"to": 12,
"rows": 10
},
"trackExtent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
"firefox": {
"step": "restored",
"value": "0",
"fill": "0",
"disabled": false,
"number": "0.8",
"x": 1277.6666259765625,
"y": 613.5,
"w": 86,
"h": 16,
"log": "legacyToggle → open(true) → property(opacity, 0.65)",
"focused": true,
"focusVisible": false,
"outline": "none rgb(0, 0, 0)",
"offset": {
"x": 1.6666259765625,
"y": 1.5
},
"pixels": {
"thumb": {
"left": 1,
"right": 12,
"top": 1,
"bottom": 14,
"cx": 7,
"cy": 8
},
"fillCol": [
"f55252",
"f87474",
"f9aaaa",
"ca7474",
"903030",
"851818",
"961a1a",
"a51c1c",
"b21515",
"a90d0d"
],
"trackCol": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eee5d5",
"f1ece1"
],
"fillExtent": {
"from": 3,
"to": 12,
"rows": 10
},
"trackExtent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
"diff": {
"pixels": 1800,
"max": 29,
"mean": 1.96,
"over16": 71,
"over48": 0
}
}
],
"checks": [
{
"name": "chrome 1-3 red fill / beige track / black-edged 6px",
"status": "PASS",
"data": {
"fill": [
"f1ece1",
"f1ece1",
"000000",
"b51717",
"fe4040",
"ed1616",
"7a0000",
"000000",
"eadec8",
"f1ece1"
],
"track": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eadec8",
"f1ece1"
],
"extent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
{
"name": "chrome 4-5 thumb 14px, vertically centred on the track",
"status": "PASS",
"data": {
"left": 19,
"right": 30,
"top": 1,
"bottom": 14,
"cx": 25,
"cy": 8
}
},
{
"name": "chrome 6-8/10 min: value 0, thumb centre 7 ≈ 7",
"status": "PASS",
"data": {
"value": "0",
"fill": "0",
"cx": 7
}
},
{
"name": "chrome 6-8/10 initial: value 0.25, thumb centre 25 ≈ 25",
"status": "PASS",
"data": {
"value": "0.25",
"fill": "0.25",
"cx": 25
}
},
{
"name": "chrome 6-8/10 keyboard-0.65: value 0.65, thumb centre 53 ≈ 53.800000000000004",
"status": "PASS",
"data": {
"value": "0.65",
"fill": "0.65",
"cx": 53
}
},
{
"name": "chrome 6-8/10 max: value 1, thumb centre 79 ≈ 79",
"status": "PASS",
"data": {
"value": "1",
"fill": "1",
"cx": 79
}
},
{
"name": "chrome 6-8/10 external-0.8: value 0.8, thumb centre 64 ≈ 64.6",
"status": "PASS",
"data": {
"value": "0.8",
"fill": "0.8",
"cx": 64
}
},
{
"name": "chrome 9 keyboard + Enter commit",
"status": "PASS",
"data": {
"value": "0.65",
"number": "0.65",
"log": "legacyToggle → open(true) → property(opacity, 0.65)"
}
},
{
"name": "chrome 11 disabled / readOnly block keys, keep design",
"status": "PASS",
"data": {
"disabled": [
true,
"0.8"
],
"readonly": [
true,
"0.8"
],
"restored": [
false,
"0"
]
}
},
{
"name": "chrome 12 no console / page errors",
"status": "PASS",
"data": []
},
{
"name": "firefox 1-3 red fill / beige track / black-edged 6px",
"status": "PASS",
"data": {
"fill": [
"f1ece1",
"f1ece1",
"000000",
"b51717",
"fe4040",
"ed1515",
"7a0000",
"000000",
"ede5d4",
"f1ece1"
],
"track": [
"f1ece1",
"f1ece1",
"aea28b",
"c3b9a4",
"c7bda9",
"c7bda9",
"b7ac96",
"ac9e84",
"eee5d5",
"f1ece1"
],
"extent": {
"from": 5,
"to": 11,
"rows": 7
}
}
},
{
"name": "firefox 4-5 thumb 14px, vertically centred on the track",
"status": "PASS",
"data": {
"left": 19,
"right": 30,
"top": 1,
"bottom": 14,
"cx": 25,
"cy": 8
}
},
{
"name": "firefox 6-8/10 min: value 0, thumb centre 7 ≈ 7",
"status": "PASS",
"data": {
"value": "0",
"fill": "0",
"cx": 7
}
},
{
"name": "firefox 6-8/10 initial: value 0.25, thumb centre 25 ≈ 25",
"status": "PASS",
"data": {
"value": "0.25",
"fill": "0.25",
"cx": 25
}
},
{
"name": "firefox 6-8/10 keyboard-0.65: value 0.65, thumb centre 53 ≈ 53.800000000000004",
"status": "PASS",
"data": {
"value": "0.65",
"fill": "0.65",
"cx": 53
}
},
{
"name": "firefox 6-8/10 max: value 1, thumb centre 79 ≈ 79",
"status": "PASS",
"data": {
"value": "1",
"fill": "1",
"cx": 79
}
},
{
"name": "firefox 6-8/10 external-0.8: value 0.8, thumb centre 64 ≈ 64.6",
"status": "PASS",
"data": {
"value": "0.8",
"fill": "0.8",
"cx": 64
}
},
{
"name": "firefox 9 keyboard + Enter commit",
"status": "PASS",
"data": {
"value": "0.65",
"number": "0.65",
"log": "legacyToggle → open(true) → property(opacity, 0.65)"
}
},
{
"name": "firefox 11 disabled / readOnly block keys, keep design",
"status": "PASS",
"data": {
"disabled": [
true,
"0.8"
],
"readonly": [
true,
"0.8"
],
"restored": [
false,
"0"
]
}
},
{
"name": "firefox 12 no console / page errors",
"status": "PASS",
"data": [
"downloadable font: download failed (font-family: \"Nunito Sans\" style:normal weight:400 width:100 src index:0): status=2147746065 source: http://127.0.0.1:6024/sb-common-assets/nunito-sans-regular.woff2"
]
},
{
"name": "compare initial: columns ±3, thumb ±1px, ≤12 px differ > 48",
"status": "PASS",
"data": {
"diff": {
"pixels": 1800,
"max": 49,
"mean": 2.06,
"over16": 76,
"over48": 1
},
"focus": [
false,
false
],
"chromeThumb": {
"left": 19,
"right": 30,
"top": 1,
"bottom": 14,
"cx": 25,
"cy": 8
},
"firefoxThumb": {
"left": 19,
"right": 30,
"top": 1,
"bottom": 14,
"cx": 25,
"cy": 8
},
"highlight": [
"eadec8",
"ede5d4"
]
}
},
{
"name": "compare keyboard-0.65: columns ±3, thumb ±1px, ≤12 px differ > 48",
"status": "PASS",
"data": {
"diff": {
"pixels": 1800,
"max": 49,
"mean": 2.08,
"over16": 76,
"over48": 1
},
"focus": [
true,
false
],
"chromeThumb": {
"left": 47,
"right": 58,
"top": 1,
"bottom": 14,
"cx": 53,
"cy": 8
},
"firefoxThumb": {
"left": 47,
"right": 58,
"top": 1,
"bottom": 14,
"cx": 53,
"cy": 8
},
"highlight": [
"eadec8",
"ede5d4"
]
}
},
{
"name": "compare enter-commit: columns ±3, thumb ±1px, ≤12 px differ > 48",
"status": "PASS",
"data": {
"diff": {
"pixels": 1800,
"max": 49,
"mean": 2.08,
"over16": 76,
"over48": 1
},
"focus": [
true,
false
],
"chromeThumb": {
"left": 47,
"right": 58,
"top": 1,
"bottom": 14,
"cx": 53,
"cy": 8
},
"firefoxThumb": {
"left": 47,
"right": 58,
"top": 1,
"bottom": 14,
"cx": 53,
"cy": 8
},
"highlight": [
"eadec8",
"ede5d4"
]
}
},
{
"name": "compare max: columns ±3, thumb ±1px, ≤12 px differ > 48",
"status": "PASS",
"data": {
"diff": {
"pixels": 1800,
"max": 49,
"mean": 2.09,
"over16": 75,
"over48": 1
},
"focus": [
true,
false
],
"chromeThumb": {
"left": 73,
"right": 84,
"top": 1,
"bottom": 14,
"cx": 79,
"cy": 8
},
"firefoxThumb": {
"left": 73,
"right": 84,
"top": 1,
"bottom": 14,
"cx": 79,
"cy": 8
},
"highlight": [
"eadec8",
"ede5d4"
]
}
},
{
"name": "compare min: columns ±3, thumb ±1px, ≤12 px differ > 48",
"status": "PASS",
"data": {
"diff": {
"pixels": 1800,
"max": 29,
"mean": 1.96,
"over16": 71,
"over48": 0
},
"focus": [
true,
false
],
"chromeThumb": {
"left": 1,
"right": 12,
"top": 1,
"bottom": 14,
"cx": 7,
"cy": 8
},
"firefoxThumb": {
"left": 1,
"right": 12,
"top": 1,
"bottom": 14,
"cx": 7,
"cy": 8
},
"highlight": [
"af1515",
"b21515"
]
}
},
{
"name": "compare external-0.8: columns ±3, thumb ±1px, ≤12 px differ > 48",
"status": "PASS",
"data": {
"diff": {
"pixels": 1800,
"max": 49,
"mean": 2.08,
"over16": 76,
"over48": 1
},
"focus": [
true,
false
],
"chromeThumb": {
"left": 58,
"right": 69,
"top": 1,
"bottom": 14,
"cx": 64,
"cy": 8
},
"firefoxThumb": {
"left": 58,
"right": 69,
"top": 1,
"bottom": 14,
"cx": 64,
"cy": 8
},
"highlight": [
"eadec8",
"ede5d4"
]
}
},
{
"name": "compare disabled: columns ±3, thumb ±1px, ≤12 px differ > 48",
"status": "PASS",
"data": {
"diff": {
"pixels": 1800,
"max": 21,
"mean": 1.15,
"over16": 2,
"over48": 0
},
"focus": [
false,
false
],
"chromeThumb": {
"left": 58,
"right": 69,
"top": 1,
"bottom": 13,
"cx": 64,
"cy": 7.5
},
"firefoxThumb": {
"left": 58,
"right": 69,
"top": 1,
"bottom": 13,
"cx": 64,
"cy": 7.5
},
"highlight": [
"efe7d7",
"f0e9dc"
]
}
},
{
"name": "compare readonly: columns ±3, thumb ±1px, ≤12 px differ > 48",
"status": "PASS",
"data": {
"diff": {
"pixels": 1800,
"max": 49,
"mean": 2.08,
"over16": 76,
"over48": 1
},
"focus": [
false,
false
],
"chromeThumb": {
"left": 58,
"right": 69,
"top": 1,
"bottom": 14,
"cx": 64,
"cy": 8
},
"firefoxThumb": {
"left": 58,
"right": 69,
"top": 1,
"bottom": 14,
"cx": 64,
"cy": 8
},
"highlight": [
"eadec8",
"ede5d4"
]
}
},
{
"name": "compare restored: columns ±3, thumb ±1px, ≤12 px differ > 48",
"status": "PASS",
"data": {
"diff": {
"pixels": 1800,
"max": 29,
"mean": 1.96,
"over16": 71,
"over48": 0
},
"focus": [
true,
false
],
"chromeThumb": {
"left": 1,
"right": 12,
"top": 1,
"bottom": 14,
"cx": 7,
"cy": 8
},
"firefoxThumb": {
"left": 1,
"right": 12,
"top": 1,
"bottom": 14,
"cx": 7,
"cy": 8
},
"highlight": [
"af1515",
"b21515"
]
}
}
]
}
View Git Blame Copy Permalink