Add active class for anchor tag in HTML report

takahirom · Feb 18, 2024 · 6471149 · 6471149
1 parent 948928b
commit 6471149
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/.../roborazzi-core/src/commonJvmMain/kotlin/com/github/takahirom/roborazzi/CaptureResults.kt b/.../roborazzi-core/src/commonJvmMain/kotlin/com/github/takahirom/roborazzi/CaptureResults.kt
@@ -82,9 +82,10 @@ data class CaptureResults(
           "<div class=\"col s12\">\n" +
           "<ul class=\"tabs\">"
       )
-      tabs.forEach { tab ->
+      tabs.forEachIndexed { tabIndex, tab ->
         // <li class="tab col s3"><a href="#test1">Test 1</a></li>
-        append("""<li class="tab col s3"><a href="#${tab.id}">${tab.title}</a></li>""")
+        val activeClass = if (tabIndex == 0) """class="active" """ else ""
+        append("""<li class="tab col s3"><a $activeClass href="#${tab.id}">${tab.title}</a></li>""")
       }
       append("</ul>\n</div>")
       tabs.forEach { tab ->