Function renderDetailCard

packages/server-e2e/src/report.ts:496–505

(rendered: RenderEvent)

}

function renderDetailCard(rendered: RenderEvent): string {
  const detail = eventDetail(rendered.event);
  return `<article class="detail-card" data-event-id="${escapeHtml(rendered.id)}" data-case-id="${escapeHtml(rendered.caseId)}" tabindex="0">
  <div class="detail-title">
    <span class="kind ${escapeHtml(rendered.event.kind)}">${escapeHtml(rendered.event.kind)}</span>
    <span>${escapeHtml(eventSummary(rendered.event))}</span>
  </div>
  <pre>${escapeHtml(JSON.stringify(detail, null, 2))}</pre>
</article>`;
}

function eventLaneContent(event: StoredReportEvent, lane: 'left' | 'right'): string {
  const content = lane === 'left' ? leftLaneSummary(event) : rightLaneSummary(event);