테스트 플레이그라운드

Extension 없이 이벤트 로그(JSON)를 직접 붙여넣어 가이드 생성 파이프라인을 테스트합니다. 실제 녹화 매뉴얼은 확장 프로그램으로 녹화하면 목록에 자동으로 나타납니다.

이벤트 로그 (JSON)

[
  {
    "id": "s1",
    "order": 1,
    "type": "click",
    "timestamp": 1787279872004,
    "url": "https://example.com/signup",
    "pageTitle": "회원가입",
    "screenshot": "",
    "coordinates": {
      "x": 200,
      "y": 120,
      "viewportWidth": 1280,
      "viewportHeight": 800,
      "xRatio": 0.15,
      "yRatio": 0.15
    },
    "element": {
      "tagName": "BUTTON",
      "text": "이메일로 가입하기",
      "placeholder": "",
      "ariaLabel": "",
      "selector": "#email-signup-btn"
    }
  },
  {
    "id": "s2",
    "order": 2,
    "type": "change",
    "timestamp": 1787279873004,
    "url": "https://example.com/signup",
    "pageTitle": "회원가입",
    "screenshot": "",
    "coordinates": {
      "x": 300,
      "y": 200,
      "viewportWidth": 1280,
      "viewportHeight": 800,
      "xRatio": 0.23,
      "yRatio": 0.25
    },
    "element": {
      "tagName": "INPUT",
      "text": "",
      "placeholder": "이메일 주소",
      "ariaLabel": "",
      "selector": "#email-input",
      "inputValue": "hong@example.com"
    }
  },
  {
    "id": "s3",
    "order": 3,
    "type": "change",
    "timestamp": 1787279874004,
    "url": "https://example.com/signup",
    "pageTitle": "회원가입",
    "screenshot": "",
    "coordinates": {
      "x": 300,
      "y": 260,
      "viewportWidth": 1280,
      "viewportHeight": 800,
      "xRatio": 0.23,
      "yRatio": 0.32
    },
    "element": {
      "tagName": "INPUT",
      "text": "",
      "placeholder": "비밀번호",
      "ariaLabel": "",
      "selector": "#password-input",
      "inputValue": "••••••"
    }
  },
  {
    "id": "s4",
    "order": 4,
    "type": "keydown",
    "timestamp": 1787279875004,
    "url": "https://example.com/signup",
    "pageTitle": "회원가입",
    "screenshot": "",
    "coordinates": {
      "x": 300,
      "y": 260,
      "viewportWidth": 1280,
      "viewportHeight": 800,
      "xRatio": 0.23,
      "yRatio": 0.32
    },
    "element": {
      "tagName": "INPUT",
      "text": "",
      "placeholder": "비밀번호",
      "ariaLabel": "",
      "selector": "#password-input",
      "keyPressed": "Enter"
    }
  }
]

매뉴얼 에디터

아직 생성된 매뉴얼이 없습니다.