class TestCaseItem extends HTMLElement { connectedCallback() { const data = JSON.parse(this.getAttribute('data') || '{}'); this.attachShadow({ mode: 'open' }); this.shadowRoot.innerHTML = `

${data.title}

TC-${data.id}

${data.description}

Priority: ${data.priority}
Type: ${data.type}
Last Run: ${data.lastRun}
`; // Replace feather icons after component is rendered setTimeout(() => { if (window.feather) { window.feather.replace({ class: 'feather-inline' }); } }, 0); } } customElements.define('test-case-item', TestCaseItem);