| 51 | const ARTIFACT_ROW_COUNT = 40; |
| 52 | |
| 53 | const artifactSource = (marker: string) => ` |
| 54 | function App() { |
| 55 | return ( |
| 56 | <div className="flex h-full flex-col gap-4"> |
| 57 | <div data-testid="artifact-header" className="shrink-0"> |
| 58 | <h2>Release Readiness</h2> |
| 59 | <p data-testid="artifact-marker">${marker}</p> |
| 60 | </div> |
| 61 | <div data-testid="artifact-scroll" className="min-h-0 flex-1 overflow-auto"> |
| 62 | {Array.from({ length: ${ARTIFACT_ROW_COUNT} }, (_, i) => ( |
| 63 | <p key={i} data-testid={"artifact-row-" + i} style={{ height: 28 }}> |
| 64 | Check {i + 1}: ${marker} |
| 65 | </p> |
| 66 | ))} |
| 67 | </div> |
| 68 | </div> |
| 69 | ); |
| 70 | } |
| 71 | `; |
| 72 | |
| 73 | /** Selfhost shares one workspace across scenarios, so every title is unique to |
| 74 | * this run and assertions look for "mine", never "the only one". */ |