Fix nested test to match 5th page exactly

Author: xxfast

app/src/androidInstrumentedTest/kotlin/io/github/xxfast/decompose/router/app/TestNestedRouters.kt

@@ -41,7 +41,7 @@ class TestNestedRouters {
     // Go to pages and swipe to the 5th page
     onNode(bottomNavPagesItem).performClick()
     onNode(pager).performScrollToIndex(5)
-    onNode(hasText("5")).assertExists()
+    onNode(hasText("Page #5")).assertExists()
 
     // Go to slots, open the bottom sheet and verify if it is visible
     onNode(bottomNavSlotItem).performClick()
@@ -58,7 +58,7 @@ class TestNestedRouters {
     onNode(bottomNavStackItem).performClick()
     onNode(details).assertExists().assertTextContains("Item@", substring = true)
     onNode(bottomNavPagesItem).performClick()
-    onNode(hasText("5")).assertExists()
+    onNode(hasText("Page #5")).assertExists()
     onNode(bottomNavSlotItem).performClick()
     onNode(buttonBottomSheet).performClick()
     activity.requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_PORTRAIT

app/src/androidInstrumentedTest/kotlin/io/github/xxfast/decompose/router/app/TestPagesRouters.kt

@@ -21,14 +21,14 @@ class TestPagesRouters {
     // Go to pages and swipe to the 5th page
     onNode(bottomNavPagesItem).performClick()
     onNode(pager).performScrollToIndex(5)
-    onNode(hasText("5")).assertExists()
+    onNode(hasText("Page #5")).assertExists()
 
     // Verify pages screens are restored
     activity.requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE
     onNode(pager).assertExists()
-    onNode(hasText("5")).assertExists()
+    onNode(hasText("Page #5")).assertExists()
     activity.requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_PORTRAIT
     onNode(pager).assertExists()
-    onNode(hasText("5")).assertExists()
+    onNode(hasText("Page #5")).assertExists()
   }
 }

app/src/commonMain/kotlin/io/github/xxfast/decompose/router/screens/pages/PagesScreen.kt

@@ -58,8 +58,8 @@ fun PagesScreen() {
       Card(modifier = Modifier.padding(16.dp)) {
         Box(modifier = Modifier.fillMaxSize()) {
           Text(
-            text = page.index.toString(),
-            style = MaterialTheme.typography.displayLarge,
+            text = "Page #${page.index}",
+            style = MaterialTheme.typography.displayMedium,
             modifier = Modifier.align(Alignment.Center)
           )
         }