{
  "schemaVersion": 1,
  "createdAt": "2026-08-15T06:07:57.172Z",
  "requestedUrl": "http://127.0.0.1:8000/process-flow-lab.html?free-boundary=10",
  "outputDirectory": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/free-boundary-v10",
  "scenarios": [
    {
      "browser": "chromium",
      "viewportName": "desktop",
      "requestedViewport": {
        "width": 1440,
        "height": 1000
      },
      "identity": {
        "url": "http://127.0.0.1:8000/process-flow-lab.html?free-boundary=10",
        "title": "TN SILVER · VERTICAL PROCESS FLOW LAB",
        "headings": [
          "필요한 흐름을 확인한 뒤,다음 이야기가 이어집니다."
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/free-boundary-v10/chromium-desktop.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "document": {
          "clientWidth": 1440,
          "scrollWidth": 1440,
          "clientHeight": 1000,
          "scrollHeight": 8980
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [],
        "brokenImages": []
      },
      "axeViolations": []
    },
    {
      "browser": "chromium",
      "viewportName": "mobile",
      "requestedViewport": {
        "width": 390,
        "height": 844
      },
      "identity": {
        "url": "http://127.0.0.1:8000/process-flow-lab.html?free-boundary=10",
        "title": "TN SILVER · VERTICAL PROCESS FLOW LAB",
        "headings": [
          "필요한 흐름을 확인한 뒤,다음 이야기가 이어집니다."
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/free-boundary-v10/chromium-mobile.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "document": {
          "clientWidth": 390,
          "scrollWidth": 1088,
          "clientHeight": 844,
          "scrollHeight": 7579
        },
        "hasHorizontalOverflow": true,
        "overflowingElements": [
          {
            "element": "main.process-flow-lab",
            "left": 0,
            "right": 1088,
            "width": 1088
          },
          {
            "element": "section.process-flow-scroll-space",
            "left": 0,
            "right": 1088,
            "width": 1088
          },
          {
            "element": "div.process-flow-sticky",
            "left": 0,
            "right": 1088,
            "width": 1088
          },
          {
            "element": "div.process-flow-layout",
            "left": 24,
            "right": 1064,
            "width": 1040
          },
          {
            "element": "section.process-flow-visual",
            "left": 24,
            "right": 448,
            "width": 424
          },
          {
            "element": "section.process-flow-center",
            "left": 472,
            "right": 616,
            "width": 144
          },
          {
            "element": "div.process-flow-map-shell",
            "left": 472,
            "right": 616,
            "width": 144
          },
          {
            "element": "div.process-flow-map-backdrop",
            "left": 472,
            "right": 616,
            "width": 144
          },
          {
            "element": "p.process-flow-map-title",
            "left": 472,
            "right": 616,
            "width": 144
          },
          {
            "element": "div.process-flow-map",
            "left": 320,
            "right": 768,
            "width": 448
          },
          {
            "element": "svg",
            "left": 320,
            "right": 768,
            "width": 448
          },
          {
            "element": "path",
            "left": 398,
            "right": 544,
            "width": 146
          },
          {
            "element": "path",
            "left": 398,
            "right": 544,
            "width": 146
          },
          {
            "element": "path",
            "left": 544,
            "right": 662,
            "width": 118
          },
          {
            "element": "path",
            "left": 544,
            "right": 662,
            "width": 118
          },
          {
            "element": "text",
            "left": 368,
            "right": 442,
            "width": 73
          },
          {
            "element": "text",
            "left": 557,
            "right": 582,
            "width": 25
          },
          {
            "element": "text",
            "left": 674,
            "right": 714,
            "width": 41
          },
          {
            "element": "div.process-flow-map-nodes",
            "left": 320,
            "right": 768,
            "width": 448
          },
          {
            "element": "span.process-flow-node-marker",
            "left": 532,
            "right": 556,
            "width": 25
          },
          {
            "element": "svg",
            "left": 537,
            "right": 551,
            "width": 13
          },
          {
            "element": "path",
            "left": 540,
            "right": 548,
            "width": 8
          },
          {
            "element": "path",
            "left": 542,
            "right": 546,
            "width": 4
          },
          {
            "element": "span.process-flow-node-label",
            "left": 562,
            "right": 612,
            "width": 50
          },
          {
            "element": "span.process-flow-node-marker",
            "left": 532,
            "right": 556,
            "width": 25
          },
          {
            "element": "svg",
            "left": 537,
            "right": 551,
            "width": 13
          },
          {
            "element": "path",
            "left": 540,
            "right": 546,
            "width": 6
          },
          {
            "element": "path",
            "left": 544,
            "right": 548,
            "width": 4
          },
          {
            "element": "span.process-flow-node-label",
            "left": 557,
            "right": 625,
            "width": 68
          },
          {
            "element": "span.process-flow-node-marker",
            "left": 532,
            "right": 556,
            "width": 25
          }
        ],
        "brokenImages": []
      },
      "axeViolations": []
    },
    {
      "browser": "firefox",
      "viewportName": "desktop",
      "requestedViewport": {
        "width": 1440,
        "height": 1000
      },
      "identity": {
        "url": "http://127.0.0.1:8000/process-flow-lab.html?free-boundary=10",
        "title": "TN SILVER · VERTICAL PROCESS FLOW LAB",
        "headings": [
          "필요한 흐름을 확인한 뒤,다음 이야기가 이어집니다."
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/free-boundary-v10/firefox-desktop.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "document": {
          "clientWidth": 1440,
          "scrollWidth": 1440,
          "clientHeight": 1000,
          "scrollHeight": 8980
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [],
        "brokenImages": []
      },
      "axeViolations": []
    },
    {
      "browser": "firefox",
      "viewportName": "mobile",
      "requestedViewport": {
        "width": 390,
        "height": 844
      },
      "identity": {
        "url": "http://127.0.0.1:8000/process-flow-lab.html?free-boundary=10",
        "title": "TN SILVER · VERTICAL PROCESS FLOW LAB",
        "headings": [
          "필요한 흐름을 확인한 뒤,다음 이야기가 이어집니다."
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/free-boundary-v10/firefox-mobile.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "document": {
          "clientWidth": 390,
          "scrollWidth": 1088,
          "clientHeight": 844,
          "scrollHeight": 7579
        },
        "hasHorizontalOverflow": true,
        "overflowingElements": [
          {
            "element": "main.process-flow-lab",
            "left": 0,
            "right": 1088,
            "width": 1088
          },
          {
            "element": "section.process-flow-scroll-space",
            "left": 0,
            "right": 1088,
            "width": 1088
          },
          {
            "element": "div.process-flow-sticky",
            "left": 0,
            "right": 1088,
            "width": 1088
          },
          {
            "element": "div.process-flow-layout",
            "left": 24,
            "right": 1064,
            "width": 1040
          },
          {
            "element": "section.process-flow-visual",
            "left": 24,
            "right": 448,
            "width": 424
          },
          {
            "element": "section.process-flow-center",
            "left": 472,
            "right": 616,
            "width": 144
          },
          {
            "element": "div.process-flow-map-shell",
            "left": 472,
            "right": 616,
            "width": 144
          },
          {
            "element": "div.process-flow-map-backdrop",
            "left": 472,
            "right": 616,
            "width": 144
          },
          {
            "element": "p.process-flow-map-title",
            "left": 472,
            "right": 616,
            "width": 144
          },
          {
            "element": "div.process-flow-map",
            "left": 320,
            "right": 768,
            "width": 448
          },
          {
            "element": "svg",
            "left": 320,
            "right": 768,
            "width": 448
          },
          {
            "element": "path",
            "left": 539,
            "right": 549,
            "width": 9
          },
          {
            "element": "path",
            "left": 542,
            "right": 546,
            "width": 3
          },
          {
            "element": "path",
            "left": 539,
            "right": 549,
            "width": 9
          },
          {
            "element": "path",
            "left": 542,
            "right": 546,
            "width": 3
          },
          {
            "element": "path",
            "left": 539,
            "right": 549,
            "width": 9
          },
          {
            "element": "path",
            "left": 542,
            "right": 546,
            "width": 3
          },
          {
            "element": "path",
            "left": 539,
            "right": 549,
            "width": 9
          },
          {
            "element": "path",
            "left": 542,
            "right": 546,
            "width": 3
          },
          {
            "element": "path",
            "left": 539,
            "right": 549,
            "width": 9
          },
          {
            "element": "path",
            "left": 542,
            "right": 546,
            "width": 3
          },
          {
            "element": "path",
            "left": 539,
            "right": 549,
            "width": 9
          },
          {
            "element": "path",
            "left": 542,
            "right": 546,
            "width": 3
          },
          {
            "element": "path",
            "left": 539,
            "right": 549,
            "width": 9
          },
          {
            "element": "path",
            "left": 542,
            "right": 546,
            "width": 3
          },
          {
            "element": "path",
            "left": 539,
            "right": 549,
            "width": 9
          },
          {
            "element": "path",
            "left": 542,
            "right": 546,
            "width": 3
          },
          {
            "element": "path",
            "left": 539,
            "right": 549,
            "width": 9
          },
          {
            "element": "path",
            "left": 542,
            "right": 546,
            "width": 3
          },
          {
            "element": "path",
            "left": 539,
            "right": 549,
            "width": 9
          }
        ],
        "brokenImages": []
      },
      "axeViolations": []
    },
    {
      "browser": "webkit",
      "viewportName": "desktop",
      "requestedViewport": {
        "width": 1440,
        "height": 1000
      },
      "identity": {
        "url": "http://127.0.0.1:8000/process-flow-lab.html?free-boundary=10",
        "title": "TN SILVER · VERTICAL PROCESS FLOW LAB",
        "headings": [
          "필요한 흐름을 확인한 뒤,다음 이야기가 이어집니다."
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/free-boundary-v10/webkit-desktop.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "document": {
          "clientWidth": 1440,
          "scrollWidth": 1440,
          "clientHeight": 1000,
          "scrollHeight": 8980
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [],
        "brokenImages": []
      },
      "axeViolations": []
    },
    {
      "browser": "webkit",
      "viewportName": "mobile",
      "requestedViewport": {
        "width": 390,
        "height": 844
      },
      "identity": {
        "url": "http://127.0.0.1:8000/process-flow-lab.html?free-boundary=10",
        "title": "TN SILVER · VERTICAL PROCESS FLOW LAB",
        "headings": [
          "필요한 흐름을 확인한 뒤,다음 이야기가 이어집니다."
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/free-boundary-v10/webkit-mobile.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "document": {
          "clientWidth": 390,
          "scrollWidth": 1088,
          "clientHeight": 844,
          "scrollHeight": 7579
        },
        "hasHorizontalOverflow": true,
        "overflowingElements": [
          {
            "element": "main.process-flow-lab",
            "left": 0,
            "right": 1088,
            "width": 1088
          },
          {
            "element": "section.process-flow-scroll-space",
            "left": 0,
            "right": 1088,
            "width": 1088
          },
          {
            "element": "div.process-flow-sticky",
            "left": 0,
            "right": 1088,
            "width": 1088
          },
          {
            "element": "div.process-flow-layout",
            "left": 24,
            "right": 1064,
            "width": 1040
          },
          {
            "element": "section.process-flow-visual",
            "left": 24,
            "right": 448,
            "width": 424
          },
          {
            "element": "section.process-flow-center",
            "left": 472,
            "right": 616,
            "width": 144
          },
          {
            "element": "div.process-flow-map-shell",
            "left": 472,
            "right": 616,
            "width": 144
          },
          {
            "element": "div.process-flow-map-backdrop",
            "left": 472,
            "right": 616,
            "width": 144
          },
          {
            "element": "p.process-flow-map-title",
            "left": 472,
            "right": 616,
            "width": 144
          },
          {
            "element": "div.process-flow-map",
            "left": 320,
            "right": 768,
            "width": 448
          },
          {
            "element": "svg",
            "left": 320,
            "right": 768,
            "width": 448
          },
          {
            "element": "path",
            "left": 398,
            "right": 544,
            "width": 146
          },
          {
            "element": "path",
            "left": 398,
            "right": 544,
            "width": 146
          },
          {
            "element": "path",
            "left": 544,
            "right": 662,
            "width": 118
          },
          {
            "element": "path",
            "left": 544,
            "right": 662,
            "width": 118
          },
          {
            "element": "text",
            "left": 369,
            "right": 441,
            "width": 73
          },
          {
            "element": "text",
            "left": 557,
            "right": 581,
            "width": 24
          },
          {
            "element": "text",
            "left": 674,
            "right": 714,
            "width": 40
          },
          {
            "element": "div.process-flow-map-nodes",
            "left": 320,
            "right": 768,
            "width": 448
          },
          {
            "element": "span.process-flow-node-marker",
            "left": 532,
            "right": 556,
            "width": 25
          },
          {
            "element": "svg",
            "left": 537,
            "right": 550,
            "width": 13
          },
          {
            "element": "path",
            "left": 540,
            "right": 548,
            "width": 8
          },
          {
            "element": "path",
            "left": 542,
            "right": 546,
            "width": 4
          },
          {
            "element": "span.process-flow-node-label",
            "left": 562,
            "right": 612,
            "width": 50
          },
          {
            "element": "span.process-flow-node-marker",
            "left": 532,
            "right": 556,
            "width": 25
          },
          {
            "element": "svg",
            "left": 537,
            "right": 550,
            "width": 13
          },
          {
            "element": "path",
            "left": 540,
            "right": 546,
            "width": 6
          },
          {
            "element": "path",
            "left": 544,
            "right": 548,
            "width": 4
          },
          {
            "element": "span.process-flow-node-label",
            "left": 557,
            "right": 625,
            "width": 68
          },
          {
            "element": "span.process-flow-node-marker",
            "left": 532,
            "right": 556,
            "width": 25
          }
        ],
        "brokenImages": []
      },
      "axeViolations": []
    }
  ],
  "browserLaunchErrors": []
}