{
  "schemaVersion": 1,
  "createdAt": "2026-08-20T08:15:19.176Z",
  "requestedUrl": "http://100.119.170.126:8000/cases-motion-lab.html",
  "outputDirectory": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/matrix/cases",
  "scenarios": [
    {
      "browser": "chromium",
      "viewportName": "desktop",
      "requestedViewport": {
        "width": 1440,
        "height": 1000
      },
      "identity": {
        "url": "http://100.119.170.126:8000/cases-motion-lab.html",
        "title": "제작사례 룩북 · TN Silver",
        "headings": [
          "반지·귀걸이·펜던트·체인부터\n            다양한 액세서리와 금속 부품까지.\n          \n          \n            반지·귀걸이·펜던트\n            체인부터 다양한 액세서리와\n            금속 부품까지."
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/matrix/cases/chromium-desktop.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "document": {
          "clientWidth": 1440,
          "scrollWidth": 1440,
          "clientHeight": 1000,
          "scrollHeight": 5890
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [
          {
            "element": "img",
            "left": -5,
            "right": 523,
            "width": 528
          },
          {
            "element": "img",
            "left": 1004,
            "right": 1444,
            "width": 440
          },
          {
            "element": "img",
            "left": -4,
            "right": 436,
            "width": 440
          },
          {
            "element": "img",
            "left": 975,
            "right": 1445,
            "width": 469
          },
          {
            "element": "img",
            "left": -4,
            "right": 363,
            "width": 366
          },
          {
            "element": "img",
            "left": 1077,
            "right": 1444,
            "width": 366
          },
          {
            "element": "img",
            "left": -4,
            "right": 363,
            "width": 366
          },
          {
            "element": "img",
            "left": 1077,
            "right": 1444,
            "width": 366
          },
          {
            "element": "img",
            "left": -4,
            "right": 363,
            "width": 366
          },
          {
            "element": "img",
            "left": 1077,
            "right": 1444,
            "width": 366
          }
        ],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                ".site-transition-kicker"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #70736f, background color: #efeee9, font size: 7.8pt (10.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".site-footer-bottom > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.24 (foreground color: #747672, background color: #0c0d0d, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    },
    {
      "browser": "chromium",
      "viewportName": "mobile",
      "requestedViewport": {
        "width": 390,
        "height": 844
      },
      "identity": {
        "url": "http://100.119.170.126:8000/cases-motion-lab.html",
        "title": "제작사례 룩북 · TN Silver",
        "headings": [
          "반지·귀걸이·펜던트·체인부터\n            다양한 액세서리와 금속 부품까지.\n          \n          \n            반지·귀걸이·펜던트\n            체인부터 다양한 액세서리와\n            금속 부품까지."
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/matrix/cases/chromium-mobile.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "document": {
          "clientWidth": 390,
          "scrollWidth": 390,
          "clientHeight": 844,
          "scrollHeight": 14061
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          }
        ],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                ".site-transition-kicker"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #70736f, background color: #efeee9, font size: 7.8pt (10.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".site-footer-bottom > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.24 (foreground color: #747672, background color: #0c0d0d, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    },
    {
      "browser": "firefox",
      "viewportName": "desktop",
      "requestedViewport": {
        "width": 1440,
        "height": 1000
      },
      "identity": {
        "url": "http://100.119.170.126:8000/cases-motion-lab.html",
        "title": "제작사례 룩북 · TN Silver",
        "headings": [
          "반지·귀걸이·펜던트·체인부터\n            다양한 액세서리와 금속 부품까지.\n          \n          \n            반지·귀걸이·펜던트\n            체인부터 다양한 액세서리와\n            금속 부품까지."
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/matrix/cases/firefox-desktop.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "document": {
          "clientWidth": 1440,
          "scrollWidth": 1440,
          "clientHeight": 1000,
          "scrollHeight": 5890
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [
          {
            "element": "img",
            "left": -5,
            "right": 523,
            "width": 528
          },
          {
            "element": "img",
            "left": 1004,
            "right": 1444,
            "width": 440
          },
          {
            "element": "img",
            "left": -4,
            "right": 436,
            "width": 440
          },
          {
            "element": "img",
            "left": 975,
            "right": 1445,
            "width": 469
          },
          {
            "element": "img",
            "left": -4,
            "right": 363,
            "width": 366
          },
          {
            "element": "img",
            "left": 1077,
            "right": 1444,
            "width": 366
          },
          {
            "element": "img",
            "left": -4,
            "right": 363,
            "width": 366
          },
          {
            "element": "img",
            "left": 1077,
            "right": 1444,
            "width": 366
          },
          {
            "element": "img",
            "left": -4,
            "right": 363,
            "width": 366
          },
          {
            "element": "img",
            "left": 1077,
            "right": 1444,
            "width": 366
          }
        ],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                ".site-transition-kicker"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #70736f, background color: #efeee9, font size: 7.8pt (10.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".site-footer-bottom > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.24 (foreground color: #747672, background color: #0c0d0d, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    },
    {
      "browser": "firefox",
      "viewportName": "mobile",
      "requestedViewport": {
        "width": 390,
        "height": 844
      },
      "identity": {
        "url": "http://100.119.170.126:8000/cases-motion-lab.html",
        "title": "제작사례 룩북 · TN Silver",
        "headings": [
          "반지·귀걸이·펜던트·체인부터\n            다양한 액세서리와 금속 부품까지.\n          \n          \n            반지·귀걸이·펜던트\n            체인부터 다양한 액세서리와\n            금속 부품까지."
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/matrix/cases/firefox-mobile.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "document": {
          "clientWidth": 390,
          "scrollWidth": 390,
          "clientHeight": 844,
          "scrollHeight": 14061
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          }
        ],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                ".site-transition-kicker"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #70736f, background color: #efeee9, font size: 7.8pt (10.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".site-footer-bottom > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.24 (foreground color: #747672, background color: #0c0d0d, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    },
    {
      "browser": "webkit",
      "viewportName": "desktop",
      "requestedViewport": {
        "width": 1440,
        "height": 1000
      },
      "identity": {
        "url": "http://100.119.170.126:8000/cases-motion-lab.html",
        "title": "제작사례 룩북 · TN Silver",
        "headings": [
          "반지·귀걸이·펜던트·체인부터\n            다양한 액세서리와 금속 부품까지.\n          \n          \n            반지·귀걸이·펜던트\n            체인부터 다양한 액세서리와\n            금속 부품까지."
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/matrix/cases/webkit-desktop.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "document": {
          "clientWidth": 1440,
          "scrollWidth": 1440,
          "clientHeight": 1000,
          "scrollHeight": 5890
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [
          {
            "element": "img",
            "left": -5,
            "right": 523,
            "width": 528
          },
          {
            "element": "img",
            "left": 1004,
            "right": 1444,
            "width": 440
          },
          {
            "element": "img",
            "left": -4,
            "right": 436,
            "width": 440
          },
          {
            "element": "img",
            "left": 975,
            "right": 1445,
            "width": 469
          },
          {
            "element": "img",
            "left": -4,
            "right": 363,
            "width": 366
          },
          {
            "element": "img",
            "left": 1077,
            "right": 1444,
            "width": 366
          },
          {
            "element": "img",
            "left": -4,
            "right": 363,
            "width": 366
          },
          {
            "element": "img",
            "left": 1077,
            "right": 1444,
            "width": 366
          },
          {
            "element": "img",
            "left": -4,
            "right": 363,
            "width": 366
          },
          {
            "element": "img",
            "left": 1077,
            "right": 1444,
            "width": 366
          }
        ],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                ".site-transition-kicker"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #70736f, background color: #efeee9, font size: 7.8pt (10.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".site-footer-bottom > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.24 (foreground color: #747672, background color: #0c0d0d, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    },
    {
      "browser": "webkit",
      "viewportName": "mobile",
      "requestedViewport": {
        "width": 390,
        "height": 844
      },
      "identity": {
        "url": "http://100.119.170.126:8000/cases-motion-lab.html",
        "title": "제작사례 룩북 · TN Silver",
        "headings": [
          "반지·귀걸이·펜던트·체인부터\n            다양한 액세서리와 금속 부품까지.\n          \n          \n            반지·귀걸이·펜던트\n            체인부터 다양한 액세서리와\n            금속 부품까지."
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/matrix/cases/webkit-mobile.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "document": {
          "clientWidth": 390,
          "scrollWidth": 390,
          "clientHeight": 844,
          "scrollHeight": 14061
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          },
          {
            "element": "img",
            "left": -4,
            "right": 394,
            "width": 398
          }
        ],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                ".site-transition-kicker"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #70736f, background color: #efeee9, font size: 7.8pt (10.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".site-footer-bottom > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.24 (foreground color: #747672, background color: #0c0d0d, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    }
  ],
  "browserLaunchErrors": []
}