HTML AI report: improve output

mobile-dev-inc · Aug 22, 2024 · c50192f · c50192f
1 parent cbad634
commit c50192f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/maestro-cli/src/main/java/maestro/cli/report/HtmlAITestSuiteReporter.kt b/maestro-cli/src/main/java/maestro/cli/report/HtmlAITestSuiteReporter.kt
@@ -86,16 +86,19 @@ class HtmlAITestSuiteReporter {
 
                             // File chooser for different reports
                             div(classes = "group relative inline-block self-start") {
-                                button(classes = "btn") { +"→ Select different report" }
+                                button(classes = "btn") { +"→ Open other report" }
                                 div(classes = "absolute z-10 hidden min-w-32 group-hover:block") {
                                     outputs.forEachIndexed { outputIndex, outputFlow ->
                                         val selected = outputIndex == index
 
-                                        a(classes = "toggle-link") {
+                                        a(classes = buildString {
+                                          append("toggle-link")
+
+                                            if (selected) append(" toggle-link-selected")
+                                        } ) {
                                             href = "./" + outputs[outputIndex].htmlReportFilename
                                             val name = outputFlow.flowFile.nameWithoutExtension
-                                            val maybeSelected = if (selected) "(X)" else ""
-                                            +"Report ${outputIndex + 1} $name $maybeSelected"
+                                            +"(${outputIndex + 1}) $name"
                                         }
                                     }
                                 }
@@ -115,7 +118,7 @@ class HtmlAITestSuiteReporter {
                         // Container for list of screenshots
                         main(classes = "container mx-auto flex flex-col gap-4") {
                             // Overall defect count for the flow
-                            p {
+                            p(classes = "text-lg") {
                                 val word = if (summary.defectCount == 1) "defect" else "defects"
                                 +"${summary.defectCount} possible $word found"
                             }

diff --git a/maestro-cli/src/main/resources/ai_report.css b/maestro-cli/src/main/resources/ai_report.css
@@ -23,6 +23,10 @@
         @apply block border-2 border-gray-medium bg-[#ececec] px-3 py-4 text-gray-medium hover:bg-gray-medium hover:text-[#ececec];
     }
 
+    .toggle-link-selected {
+        @apply border-orange-2;
+    }
+
     .divider {
         @apply h-0.5 rounded-sm bg-gray-medium dark:bg-gray-1 my-2;
     }

diff --git a/maestro-cli/src/main/resources/tailwind.config.js b/maestro-cli/src/main/resources/tailwind.config.js
@@ -7,6 +7,7 @@ tailwind.config = {
                 "gray-medium": "#4f4b5c", // text-gray-medium
                 "gray-1": "#f8f8f8", // surface-gray-1
                 "gray-0": "#110C22", // surface-gray-0
+                "orange-2": "#ff9254", // surface-orange-2
             },
         },
     },