Test: Inline JS Execution

Details

Raw Data

{
  "id": "f7fce070-3cae-45f6-8414-b47af64f0655",
  "type": "general",
  "status": "completed",
  "title": "Test: Inline JS Execution",
  "description": "Testing that inline scripts in kontask output HTML are extracted and executed",
  "context": {
    "output": "<div style=\"background:#1e1e1e;color:#e0e0e0;padding:20px;border-radius:8px;font-family:sans-serif;\">\n<h2 style=\"color:#fff;margin:0 0 16px 0;\">Inline Script Test</h2>\n<p>This kontask tests inline JavaScript execution in kontask output.</p>\n\n<div id=\"counter-demo\" style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin:16px 0;\">\n  <h4 style=\"margin:0 0 12px 0;color:#c99542;\">Interactive Counter</h4>\n  <p style=\"margin:0;\">Count: <span id=\"count-value\" style=\"font-size:1.5rem;font-weight:bold;color:#98c379;\">0</span></p>\n  <button id=\"increment-btn\" style=\"margin-top:12px;padding:8px 16px;background:linear-gradient(90deg,#c99542,#e3af5b);color:#151623;border:none;border-radius:4px;font-weight:bold;cursor:pointer;\">Increment</button>\n  <button id=\"reset-btn\" style=\"margin-top:12px;margin-left:8px;padding:8px 16px;background:#555;color:#fff;border:none;border-radius:4px;cursor:pointer;\">Reset</button>\n</div>\n\n<div id=\"script-status\" style=\"background:#2d2d2d;padding:12px;border-radius:6px;margin-top:12px;\">\n  <span style=\"color:#7f848e;\">Script status: </span>\n  <span id=\"status-text\" style=\"color:#f97316;\">Not executed</span>\n</div>\n</div>\n\n<script>\n// Test inline script execution\n(function() {\n  // Update status to show script ran\n  var statusEl = document.getElementById('status-text');\n  if (statusEl) {\n    statusEl.textContent = 'Executed successfully!';\n    statusEl.style.color = '#98c379';\n  }\n\n  // Interactive counter\n  var count = 0;\n  var countEl = document.getElementById('count-value');\n  var incrementBtn = document.getElementById('increment-btn');\n  var resetBtn = document.getElementById('reset-btn');\n\n  if (incrementBtn) {\n    incrementBtn.addEventListener('click', function() {\n      count++;\n      if (countEl) countEl.textContent = count;\n    });\n  }\n\n  if (resetBtn) {\n    resetBtn.addEventListener('click', function() {\n      count = 0;\n      if (countEl) countEl.textContent = '0';\n    });\n  }\n\n  console.log('[Test] Inline script executed - counter initialized');\n})();\n</script>"
  },
  "createdBy": "claude",
  "createdAt": "2026-01-07T05:07:13.362Z",
  "updatedAt": "2026-01-07T05:07:13.758Z",
  "scope": "vibetools",
  "tags": [
    "kontasks",
    "components",
    "test"
  ],
  "targetUser": "claude"
}