fix(html-reporter): use selected run for TraceLink instead of first run (microsoft#41288)

Author: triemerge

packages/html-reporter/src/links.tsx

@@ -132,8 +132,9 @@ export const AttachmentLink: React.FunctionComponent<{
   );
 };
 
-export const TraceLink: React.FC<{ test: TestCaseSummary, trailingSeparator?: boolean, dim?: boolean }> = ({ test, trailingSeparator, dim }) => {
-  const firstTraces = test.results.map(result => result.attachments.filter(attachment => attachment.name === 'trace')).filter(traces => traces.length > 0)[0];
+export const TraceLink: React.FC<{ test: TestCaseSummary, run?: number, trailingSeparator?: boolean, dim?: boolean }> = ({ test, run, trailingSeparator, dim }) => {
+  const resultsToCheck = run !== undefined && test.results[run] ? [test.results[run]] : test.results;
+  const firstTraces = resultsToCheck.map(result => result.attachments.filter(attachment => attachment.name === 'trace')).filter(traces => traces.length > 0)[0];
   if (!firstTraces)
     return undefined;
 

packages/html-reporter/src/testCaseView.tsx

@@ -62,7 +62,7 @@ export const TestCaseView: React.FC<{
         </CopyToClipboardContainer>
       </div>
       <div style={{ flex: 'auto' }}></div>
-      <TraceLink test={test} trailingSeparator={true} />
+      <TraceLink test={test} run={selectedResultIndex} trailingSeparator={true} />
       <div className='test-case-duration'>{msToString(test.duration)}</div>
     </div>
     <ProjectAndTagLabelsView style={{ marginLeft: '6px' }} projectNames={report.json().projectNames} activeProjectName={test.projectName} otherLabels={test.tags} />