fix(report): fix status icon logic for assert failed (#1010)

Author: quanru

apps/report/rsbuild.config.ts

@@ -116,7 +116,7 @@ export default defineConfig({
               type: 'midscene_web_dump',
               playwright_test_description: item.data.groupDescription,
               playwright_test_id: `id-${index}`,
-              playwright_test_title: 'test open new tab',
+              playwright_test_title: item.data.groupName,
               playwright_test_status: 'passed',
               playwright_test_duration: Math.round(
                 Math.random() * 100000,

apps/report/src/components/sidebar.tsx

@@ -1,6 +1,5 @@
 import './sidebar.less';
 import { useAllCurrentTasks, useExecutionDump } from '@/components/store';
-import { PauseOutlined } from '@ant-design/icons';
 import type { ExecutionTask, ExecutionTaskInsightLocate } from '@midscene/core';
 import {
   type AnimationScript,
@@ -66,10 +65,17 @@ const SideItem = (props: {
     statusText = timeCostStrElement(task.timing.cost);
   }
 
-  const statusIcon =
-    task.status === 'finished' && task.error
-      ? iconForStatus('finishedWithWarning')
-      : iconForStatus(task.status);
+  const statusIcon = (() => {
+    const isFinished = task.status === 'finished';
+    const isAssertFailed = isFinished && task.output === false;
+    const hasError = isFinished && (task.error || task.errorMessage);
+
+    if (isAssertFailed) return iconForStatus('failed');
+
+    if (hasError) return iconForStatus('finishedWithWarning');
+
+    return iconForStatus(task.status);
+  })();
 
   const titleTextIcon =
     task.type === 'Planning' ? (