{
  "schemaVersion": 1,
  "createdAt": "2026-08-18T00:30:45.404Z",
  "requestedUrl": "http://127.0.0.1:8086/cases-motion-lab.html",
  "outputDirectory": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/qa-common-shell/cases-motion-lab",
  "scenarios": [
    {
      "browser": "chromium",
      "viewportName": "desktop",
      "requestedViewport": {
        "width": 1440,
        "height": 1000
      },
      "identity": {
        "url": "http://127.0.0.1:8086/cases-motion-lab.html",
        "title": "제작사례 룩북 · TN Silver",
        "headings": [
          "형태가 달라도,제작 가능한 구조로."
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/qa-common-shell/cases-motion-lab/chromium-desktop.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "document": {
          "clientWidth": 1440,
          "scrollWidth": 1440,
          "clientHeight": 1000,
          "scrollHeight": 4617
        },
        "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": [
          {
            "src": "http://127.0.0.1:8086/cases-motion-lab.html",
            "alt": ""
          }
        ]
      },
      "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": [
                ".capability-statement__note"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.92 (foreground color: #888785, background color: #e9e8e4, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    },
    {
      "browser": "chromium",
      "viewportName": "mobile",
      "requestedViewport": {
        "width": 390,
        "height": 844
      },
      "identity": {
        "url": "http://127.0.0.1:8086/cases-motion-lab.html",
        "title": "제작사례 룩북 · TN Silver",
        "headings": [
          "형태가 달라도,제작 가능한 구조로."
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/qa-common-shell/cases-motion-lab/chromium-mobile.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "document": {
          "clientWidth": 390,
          "scrollWidth": 390,
          "clientHeight": 844,
          "scrollHeight": 12859
        },
        "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": [
          {
            "src": "http://127.0.0.1:8086/cases-motion-lab.html",
            "alt": ""
          }
        ]
      },
      "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": [
                ".capability-statement__note"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.92 (foreground color: #888785, background color: #e9e8e4, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    }
  ],
  "browserLaunchErrors": []
}