- A: SWViewerIcon draws the SWHeader black outline as SVG stroke on a copy behind the icon (no CSS filter) - B: SWViewerPanel renders the common SWPopup frame (same DOM / CSS) and adds drag, corner resize, collapse, bounds and modal; SWPopup gains optional titleActions / footer; title art spans any width - C: shared Story canvas grid (--sw-story-canvas) behind the SW Header work area and dropdown room - D: SWViewerButton tone="green" for 전체 켜기 / 전체 끄기: default kept, hover = primary (확인) hover token, pressed = primary face - AI guide, verification scripts (76 checks, element regression) and evidence updated
637 lines
10 KiB
JSON
637 lines
10 KiB
JSON
{
|
|
"base": "http://127.0.0.1:6024",
|
|
"next": "http://127.0.0.1:6034",
|
|
"results": [
|
|
{
|
|
"id": "sw-header--overview",
|
|
"width": 1920,
|
|
"elements": "1 / 1",
|
|
"elementDiffPixels": [
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--overview",
|
|
"width": 1180,
|
|
"elements": "1 / 1",
|
|
"elementDiffPixels": [
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--overview",
|
|
"width": 768,
|
|
"elements": "1 / 1",
|
|
"elementDiffPixels": [
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--interactive-states",
|
|
"width": 1920,
|
|
"elements": "16 / 16",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--interactive-states",
|
|
"width": 1180,
|
|
"elements": "16 / 16",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--interactive-states",
|
|
"width": 768,
|
|
"elements": "16 / 16",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--logo-slot",
|
|
"width": 1920,
|
|
"elements": "4 / 4",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--logo-slot",
|
|
"width": 1180,
|
|
"elements": "4 / 4",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--logo-slot",
|
|
"width": 768,
|
|
"elements": "4 / 4",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--document-dropdown",
|
|
"width": 1920,
|
|
"elements": "18 / 18",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--document-dropdown",
|
|
"width": 1180,
|
|
"elements": "18 / 18",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--document-dropdown",
|
|
"width": 768,
|
|
"elements": "18 / 18",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--responsive-more",
|
|
"width": 1920,
|
|
"elements": "19 / 19",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--responsive-more",
|
|
"width": 1180,
|
|
"elements": "19 / 19",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--responsive-more",
|
|
"width": 768,
|
|
"elements": "19 / 19",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--k-guide",
|
|
"width": 1920,
|
|
"elements": "1 / 1",
|
|
"elementDiffPixels": [
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--k-guide",
|
|
"width": 1180,
|
|
"elements": "1 / 1",
|
|
"elementDiffPixels": [
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--k-guide",
|
|
"width": 768,
|
|
"elements": "1 / 1",
|
|
"elementDiffPixels": [
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--property-panel-compare",
|
|
"width": 1920,
|
|
"elements": "4 / 4",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--property-panel-compare",
|
|
"width": 1180,
|
|
"elements": "4 / 4",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--property-panel-compare",
|
|
"width": 768,
|
|
"elements": "4 / 4",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--composed-controls",
|
|
"width": 1920,
|
|
"elements": "0 / 0",
|
|
"elementDiffPixels": [],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--composed-controls",
|
|
"width": 1180,
|
|
"elements": "0 / 0",
|
|
"elementDiffPixels": [],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--composed-controls",
|
|
"width": 768,
|
|
"elements": "0 / 0",
|
|
"elementDiffPixels": [],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--document-open",
|
|
"width": 1920,
|
|
"elements": "23 / 23",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--document-open",
|
|
"width": 1180,
|
|
"elements": "23 / 23",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--document-open",
|
|
"width": 768,
|
|
"elements": "23 / 23",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--hidden-sub-controls",
|
|
"width": 1920,
|
|
"elements": "3 / 3",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--hidden-sub-controls",
|
|
"width": 1180,
|
|
"elements": "3 / 3",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--hidden-sub-controls",
|
|
"width": 768,
|
|
"elements": "3 / 3",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--detail-buttons",
|
|
"width": 1920,
|
|
"elements": "0 / 0",
|
|
"elementDiffPixels": [],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--detail-buttons",
|
|
"width": 1180,
|
|
"elements": "0 / 0",
|
|
"elementDiffPixels": [],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-header--detail-buttons",
|
|
"width": 768,
|
|
"elements": "0 / 0",
|
|
"elementDiffPixels": [],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-popup--custom-content",
|
|
"width": 1920,
|
|
"elements": "3 / 3",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-popup--custom-content",
|
|
"width": 1180,
|
|
"elements": "3 / 3",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-popup--custom-content",
|
|
"width": 768,
|
|
"elements": "3 / 3",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-popup--multiple-popups",
|
|
"width": 1920,
|
|
"elements": "3 / 3",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-popup--multiple-popups",
|
|
"width": 1180,
|
|
"elements": "3 / 3",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
},
|
|
{
|
|
"id": "sw-popup--multiple-popups",
|
|
"width": 768,
|
|
"elements": "3 / 3",
|
|
"elementDiffPixels": [
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"fullPageDiffPixels": 0,
|
|
"result": "PASS"
|
|
}
|
|
]
|
|
}
|