(rendered: RenderEvent)
| 471 | } |
| 472 | |
| 473 | function renderEvent(rendered: RenderEvent): string { |
| 474 | const left = eventLaneContent(rendered.event, 'left'); |
| 475 | const right = eventLaneContent(rendered.event, 'right'); |
| 476 | const center = lifecycleLaneContent(rendered.event); |
| 477 | const rowClass = rendered.event.kind === 'ws' && rendered.event.direction === 'lifecycle' |
| 478 | ? `${rendered.event.kind} lifecycle` |
| 479 | : rendered.event.kind; |
| 480 | return `<li class="swim-row ${escapeHtml(rowClass)}" data-event-id="${escapeHtml(rendered.id)}" data-case-id="${escapeHtml(rendered.caseId)}"> |
| 481 | <div class="time">#${rendered.stepIndex}</div> |
| 482 | <div class="lane lane-left">${left}</div> |
| 483 | <div class="spine"><span class="dot"></span></div> |
| 484 | <div class="lane lane-right">${right}</div> |
| 485 | ${center} |
| 486 | </li>`; |
| 487 | } |
| 488 | |
| 489 | function renderDetailCase(testCase: RenderCase): string { |
| 490 | return `<section class="detail-case" data-case-details="${escapeHtml(testCase.id)}"> |
nothing calls this directly
no test coverage detected