Report docs/sw/sw-dotum-font-2026-10-20.md and evidence docs/sw/sw-dotum-font-qa/: Noto -> Dotum layout diff of 40 SW Stories x 4 widths, Header hysteresis trace, Footer design items (4 PASS), SW regression runs with baseline failure classification, and the isolated HMDesignSwTest-viewer run (Chrome 34/34, Firefox 15/15; original project untouched). Open items: synthesized-bold overflow in fixed Header cells and Footer POLYGON / WIPEOUT labels (design review), viewer-regression not run, macOS / Linux fallback not verified.
477 lines
11 KiB
JSON
477 lines
11 KiB
JSON
{
|
||
"browser": "155.0.8059.80",
|
||
"checks": [
|
||
{
|
||
"name": "Storybook SW titles: Header, Popup, Viewer (SW/Tool removed, SW/Home Menu merged into SW/Header 2026-10-19); no SW/Header/Options; sw-header--home-menu listed",
|
||
"status": "PASS",
|
||
"data": [
|
||
"SW/Footer",
|
||
"SW/Header",
|
||
"SW/Popup",
|
||
"SW/Theme",
|
||
"SW/Viewer"
|
||
]
|
||
},
|
||
{
|
||
"name": "menu at Figma x 375, width 1305, height 77 (measured, no fixed x); header stays 49",
|
||
"status": "PASS",
|
||
"data": {
|
||
"left": 375,
|
||
"width": 1305,
|
||
"height": 77,
|
||
"headerHeight": 49,
|
||
"sections": [
|
||
340,
|
||
260,
|
||
180,
|
||
260,
|
||
261
|
||
],
|
||
"tiles": 15,
|
||
"tileSizes": [
|
||
"80x46"
|
||
],
|
||
"titles": 5,
|
||
"badgeInlined": true,
|
||
"icons": 30,
|
||
"iconsLoaded": 30
|
||
}
|
||
},
|
||
{
|
||
"name": "5 sections 340/260/180/260/261, 15 tiles 80x46, 5 titles",
|
||
"status": "PASS",
|
||
"data": {
|
||
"left": 375,
|
||
"width": 1305,
|
||
"height": 77,
|
||
"headerHeight": 49,
|
||
"sections": [
|
||
340,
|
||
260,
|
||
180,
|
||
260,
|
||
261
|
||
],
|
||
"tiles": 15,
|
||
"tileSizes": [
|
||
"80x46"
|
||
],
|
||
"titles": 5,
|
||
"badgeInlined": true,
|
||
"icons": 30,
|
||
"iconsLoaded": 30
|
||
}
|
||
},
|
||
{
|
||
"name": "title badge SVG and 30 tile icons render",
|
||
"status": "PASS",
|
||
"data": {
|
||
"left": 375,
|
||
"width": 1305,
|
||
"height": 77,
|
||
"headerHeight": 49,
|
||
"sections": [
|
||
340,
|
||
260,
|
||
180,
|
||
260,
|
||
261
|
||
],
|
||
"tiles": 15,
|
||
"tileSizes": [
|
||
"80x46"
|
||
],
|
||
"titles": 5,
|
||
"badgeInlined": true,
|
||
"icons": 30,
|
||
"iconsLoaded": 30
|
||
}
|
||
},
|
||
{
|
||
"name": "hidden by default (not in DOM), logo aria-expanded=false",
|
||
"status": "PASS"
|
||
},
|
||
{
|
||
"name": "logo click opens, aria-expanded=true, aria-controls → menu id",
|
||
"status": "PASS"
|
||
},
|
||
{
|
||
"name": "tile Hover: label #FF5C00",
|
||
"status": "PASS",
|
||
"data": "rgb(255, 92, 0)"
|
||
},
|
||
{
|
||
"name": "action tile click: onItemSelect, no Active / aria-pressed / ring after the click",
|
||
"status": "PASS",
|
||
"data": {
|
||
"pressed": null,
|
||
"active": null,
|
||
"ring": "0"
|
||
}
|
||
},
|
||
{
|
||
"name": "logo re-click closes; onHomeClick never called while homeMenu is set",
|
||
"status": "PASS",
|
||
"data": "onHomeMenuOpenChange(false, home)\nonItemSelect(working / save, active=false)\nonHomeMenuOpenChange(true, home)"
|
||
},
|
||
{
|
||
"name": "Escape inside closes the menu and returns focus to the logo",
|
||
"status": "PASS"
|
||
},
|
||
{
|
||
"name": "click on the menu background closes it (Figma CLOSE)",
|
||
"status": "PASS"
|
||
},
|
||
{
|
||
"name": "recent panel opens (outline accent); Escape closes the panel, then the menu",
|
||
"status": "PASS",
|
||
"data": {
|
||
"panelOpen": true,
|
||
"panelFirst": true
|
||
}
|
||
},
|
||
{
|
||
"name": "opening the document dropdown closes the menu (reason document); New / Open stay in the dropdown",
|
||
"status": "PASS",
|
||
"data": "C0020101-006-평면및종단면도(06)\nC0020101-007-횡단면도\n+ New\nOpen"
|
||
},
|
||
{
|
||
"name": "opening the menu closes the document dropdown",
|
||
"status": "PASS"
|
||
},
|
||
{
|
||
"name": "no separate Open button next to the logo (documentOpenPlacement=\"menu\")",
|
||
"status": "PASS"
|
||
},
|
||
{
|
||
"name": "focus outside: Escape closes the most recent (menu), then the popup",
|
||
"status": "PASS",
|
||
"data": {
|
||
"step1": {
|
||
"menu": 0,
|
||
"popup": 1
|
||
},
|
||
"step2": {
|
||
"menu": 0,
|
||
"popup": 0
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "popup opened after the menu: Escape outside closes the popup first, menu stays",
|
||
"status": "PASS",
|
||
"data": {
|
||
"menu": 1,
|
||
"popup": 0
|
||
}
|
||
},
|
||
{
|
||
"name": "Escape inside the popup closes only the popup",
|
||
"status": "PASS",
|
||
"data": {
|
||
"menu": 1,
|
||
"popup": 0
|
||
}
|
||
},
|
||
{
|
||
"name": "Escape inside the menu closes only the menu (popup stays), focus → logo",
|
||
"status": "PASS",
|
||
"data": {
|
||
"menu": 0,
|
||
"popup": 1,
|
||
"focusHome": true
|
||
}
|
||
},
|
||
{
|
||
"name": "every width: menu starts at object area −2px, ends at the window area, covers neither logo nor file name, header 49, no page scroll",
|
||
"status": "PASS",
|
||
"data": [
|
||
{
|
||
"width": 1920,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 1305,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 5,
|
||
"moved": 0
|
||
},
|
||
{
|
||
"width": 1440,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 825,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 2,
|
||
"moved": 3
|
||
},
|
||
{
|
||
"width": 1080,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 639,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 1,
|
||
"moved": 4
|
||
},
|
||
{
|
||
"width": 768,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 288,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 0,
|
||
"moved": 5
|
||
},
|
||
{
|
||
"width": 520,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 288,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 0,
|
||
"moved": 5
|
||
},
|
||
{
|
||
"width": 390,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 165,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 0,
|
||
"moved": 5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"name": "every width: no horizontal scroll in the menu; 5 sections = row + More (1920: all in the row)",
|
||
"status": "PASS",
|
||
"data": [
|
||
{
|
||
"width": 1920,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 1305,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 5,
|
||
"moved": 0
|
||
},
|
||
{
|
||
"width": 1440,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 825,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 2,
|
||
"moved": 3
|
||
},
|
||
{
|
||
"width": 1080,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 639,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 1,
|
||
"moved": 4
|
||
},
|
||
{
|
||
"width": 768,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 288,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 0,
|
||
"moved": 5
|
||
},
|
||
{
|
||
"width": 520,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 288,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 0,
|
||
"moved": 5
|
||
},
|
||
{
|
||
"width": 390,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 165,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 0,
|
||
"moved": 5
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"name": "without homeMenu: logo click calls onHomeClick, renders no menu, no aria-expanded",
|
||
"status": "FAIL",
|
||
"data": [
|
||
"[SWHeader Overview] homeMenuOpen(true, home)"
|
||
]
|
||
},
|
||
{
|
||
"name": "no page / console errors",
|
||
"status": "PASS",
|
||
"data": []
|
||
}
|
||
],
|
||
"errors": [],
|
||
"data": {
|
||
"titles": [
|
||
"SW/Footer",
|
||
"SW/Header",
|
||
"SW/Popup",
|
||
"SW/Theme",
|
||
"SW/Viewer"
|
||
],
|
||
"geometry": {
|
||
"left": 375,
|
||
"width": 1305,
|
||
"height": 77,
|
||
"headerHeight": 49,
|
||
"sections": [
|
||
340,
|
||
260,
|
||
180,
|
||
260,
|
||
261
|
||
],
|
||
"tiles": 15,
|
||
"tileSizes": [
|
||
"80x46"
|
||
],
|
||
"titles": 5,
|
||
"badgeInlined": true,
|
||
"icons": 30,
|
||
"iconsLoaded": 30
|
||
},
|
||
"responsive": [
|
||
{
|
||
"width": 1920,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 1305,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 5,
|
||
"moved": 0
|
||
},
|
||
{
|
||
"width": 1440,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 825,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 2,
|
||
"moved": 3
|
||
},
|
||
{
|
||
"width": 1080,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 639,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 1,
|
||
"moved": 4
|
||
},
|
||
{
|
||
"width": 768,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 288,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 0,
|
||
"moved": 5
|
||
},
|
||
{
|
||
"width": 520,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 288,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 0,
|
||
"moved": 5
|
||
},
|
||
{
|
||
"width": 390,
|
||
"headerHeight": 49,
|
||
"start": 0,
|
||
"endGap": 0,
|
||
"coversHome": false,
|
||
"coversDocument": false,
|
||
"menuWidth": 165,
|
||
"scrolls": false,
|
||
"pageScroll": false,
|
||
"rowSections": 0,
|
||
"moved": 5
|
||
}
|
||
]
|
||
}
|
||
} |