feat: show stdout and errors

Author: arein

src/app/api/test-details/[id]/route.ts

@@ -10,6 +10,8 @@ interface TestHistoryEntry {
   startedAt: string; // ISO string
   status: 'passed' | 'failed' | 'skipped';
   duration?: number;
+  stdout?: string[];
+  errors?: string[];
 }
 
 export interface TestDetailsData {
@@ -59,6 +61,8 @@ export async function GET(
           startedAt: run.startedAt.toISOString(),
           status: testInstance.status,
           duration: testInstance.duration,
+          stdout: testInstance.stdout,
+          errors: testInstance.errors,
         });
       }
     }

src/components/test-detail/test-detail-client.tsx

@@ -38,6 +38,7 @@ export default function TestDetailClient({ testId }: TestDetailClientProps) {
   const [data, setData] = React.useState<TestDetailsData | null>(null);
   const [isLoading, setIsLoading] = React.useState(true);
   const [error, setError] = React.useState<string | null>(null);
+  const [expandedRun, setExpandedRun] = React.useState<string | null>(null);
 
   React.useEffect(() => {
     async function loadData() {
@@ -135,14 +136,46 @@ export default function TestDetailClient({ testId }: TestDetailClientProps) {
             </TableHeader>
             <TableBody>
                 {data.history.length > 0 ? data.history.map((run) => (
-                <TableRow key={run.runId}>
-                    <TableCell className="font-medium truncate" title={run.runId}>{run.runId}</TableCell>
+                <React.Fragment key={run.runId}>
+                  <TableRow>
+                    <TableCell className="font-medium truncate" title={run.runId}>
+                      <button
+                        className="text-left w-full hover:underline focus:outline-none"
+                        onClick={() => setExpandedRun(expandedRun === run.runId ? null : run.runId)}
+                        aria-expanded={expandedRun === run.runId}
+                        aria-controls={`run-details-${run.runId}`}
+                      >
+                        {run.runId}
+                        {((run.stdout && run.stdout.length > 0) || (run.errors && run.errors.length > 0)) && (
+                          <span className="ml-2 text-xs text-blue-400">[details]</span>
+                        )}
+                      </button>
+                    </TableCell>
                     <TableCell>{format(new Date(run.startedAt), 'PPP p')}</TableCell>
                     <TableCell>{getStatusBadge(run.status)}</TableCell>
                     <TableCell className="text-right">
                     {run.duration !== undefined ? `${run.duration} ms` : 'N/A'}
                     </TableCell>
-                </TableRow>
+                  </TableRow>
+                  {expandedRun === run.runId && ((run.stdout && run.stdout.length > 0) || (run.errors && run.errors.length > 0)) && (
+                    <TableRow>
+                      <TableCell colSpan={4} id={`run-details-${run.runId}`} className="bg-muted/40">
+                        {run.stdout && run.stdout.length > 0 && (
+                          <div className="mb-2">
+                            <div className="font-semibold mb-1">Stdout:</div>
+                            <pre className="bg-black text-white rounded p-2 overflow-x-auto text-xs max-h-48">{run.stdout.join('\n')}</pre>
+                          </div>
+                        )}
+                        {run.errors && run.errors.length > 0 && (
+                          <div>
+                            <div className="font-semibold mb-1 text-red-500">Errors:</div>
+                            <pre className="bg-black text-red-200 rounded p-2 overflow-x-auto text-xs max-h-48">{run.errors.join('\n')}</pre>
+                          </div>
+                        )}
+                      </TableCell>
+                    </TableRow>
+                  )}
+                </React.Fragment>
                 )) : (
                     <TableRow>
                         <TableCell colSpan={4} className="h-24 text-center">

src/lib/s3-data-service.ts

@@ -29,6 +29,8 @@ interface PlaywrightTest {
   results?: Array<{
     status?: string;
     duration?: number;
+    stdout?: string[];
+    errors?: string[];
   }>;
 }
 
@@ -92,6 +94,8 @@ export function transformPlaywrightReportToTestRunSummary(report: PlaywrightRepo
               project: test.project,
               status: status,
               duration: mainResult.duration,
+              stdout: Array.isArray(mainResult.stdout) ? mainResult.stdout : undefined,
+              errors: Array.isArray(mainResult.errors) ? mainResult.errors : undefined,
             });
           }
         });
@@ -234,13 +238,19 @@ export async function getTestRunSummaries(year: number, month: number): Promise<
           runId: data.runId || item.Key,
           startedAt: new Date(data.startedAt || data.startTime || new Date().toISOString()),
           trigger,
-          tests: tests.map(test => ({
-            id: test.id || test.testId || `${test.title}-${test.project}`,
-            title: test.title,
-            project: test.project,
-            status: (test.status || test.results?.[0]?.status || 'skipped') as 'skipped' | 'passed' | 'failed',
-            duration: test.duration || test.results?.[0]?.duration,
-          })),
+          tests: tests.map(test => {
+            const mainResult = test.results?.[0];
+            const base = {
+              id: test.id || test.testId || `${test.title}-${test.project}`,
+              title: test.title,
+              project: test.project,
+              status: (test.status || mainResult?.status || 'skipped') as 'skipped' | 'passed' | 'failed',
+              duration: test.duration || mainResult?.duration,
+              stdout: mainResult?.stdout?.map(item => typeof item === 'object' ? JSON.stringify(item) : String(item)),
+              errors: mainResult?.errors?.map(item => typeof item === 'object' ? JSON.stringify(item) : String(item)),
+            };
+            return base;
+          }),
         };
         summaries.push(summary);
       }

src/types/index.ts

@@ -26,6 +26,8 @@ export interface TestRunSummary {
     project: string; // value of projectName
     status: 'passed' | 'failed' | 'skipped';
     duration?: number; // duration from playwright result if available
+    stdout?: string[];
+    errors?: string[];
   }[];
 }