test: fix unread badge test (#6752)

Rohit3523 · web-flow · commit f3e14971b72a · 2025-12-03T17:08:08.000-03:00
diff --git a/.maestro/tests/room/mark-as-unread.yaml b/.maestro/tests/room/mark-as-unread.yaml
@@ -53,7 +53,7 @@ tags:
     timeout: 60000
 - extendedWaitUntil:
     visible:
-      text: '.*1.*'
+      id: 'unread-badge-1'
       childOf:
         id: 'rooms-list-view-item-${output.otherUser.username}'
     timeout: 60000
diff --git a/.maestro/tests/room/unread-badge.yaml b/.maestro/tests/room/unread-badge.yaml
@@ -0,0 +1,110 @@
+appId: chat.rocket.reactnative
+name: Unread badge
+onFlowStart:
+  - runFlow: '../../helpers/setup.yaml'
+tags:
+  - test-13
+
+---
+- evalScript: ${output.user = output.utils.createUser()}
+- evalScript: ${output.otherUser = output.utils.createUser()}
+
+- runFlow:
+    file: '../../helpers/login-with-deeplink.yaml'
+    env:
+      USERNAME: ${output.user.username}
+      PASSWORD: ${output.user.password}
+
+# Should have normal unread indicator on normal message
+- evalScript: ${output.message = output.utils.sendMessage(output.otherUser.username, output.otherUser.password, '@' + output.user.username, 'message-mark-as-unread')}
+- extendedWaitUntil:
+    visible:
+      id: 'rooms-list-view-item-${output.otherUser.username}'
+    timeout: 60000
+- extendedWaitUntil:
+    visible:
+      id: 'unread-badge-1'
+      childOf:
+        id: 'rooms-list-view-item-${output.otherUser.username}'
+    timeout: 60000
+- tapOn:
+    id: 'rooms-list-view-item-${output.otherUser.username}'
+- tapOn:
+    id: header-back
+- extendedWaitUntil:
+    notVisible:
+      id: 'unread-badge-1'
+      childOf:
+        id: 'rooms-list-view-item-${output.otherUser.username}'
+    timeout: 60000
+
+# Should have mention unread indicator on mentioned message
+- evalScript: ${output.message = output.utils.sendMessage(output.otherUser.username, output.otherUser.password, '@' + output.user.username, '@' + output.user.username)}
+- extendedWaitUntil:
+    visible:
+      id: 'rooms-list-view-item-${output.otherUser.username}'
+    timeout: 60000
+- extendedWaitUntil:
+    visible:
+      id: 'mention-badge-1'
+      childOf:
+        id: 'rooms-list-view-item-${output.otherUser.username}'
+    timeout: 60000
+- tapOn:
+    id: 'rooms-list-view-item-${output.otherUser.username}'
+- tapOn:
+    id: header-back
+- extendedWaitUntil:
+    notVisible:
+      id: 'mention-badge-1'
+      childOf:
+        id: 'rooms-list-view-item-${output.otherUser.username}'
+    timeout: 60000
+
+# send normal message first and mention in next message and it should show mentioned unread indicator
+- evalScript: ${output.message = output.utils.sendMessage(output.otherUser.username, output.otherUser.password, '@' + output.user.username, 'message-mark-as-unread')}
+- evalScript: ${output.message = output.utils.sendMessage(output.otherUser.username, output.otherUser.password, '@' + output.user.username, '@' + output.user.username)}
+- extendedWaitUntil:
+    visible:
+      id: 'rooms-list-view-item-${output.otherUser.username}'
+    timeout: 60000
+- extendedWaitUntil:
+    visible:
+      id: 'mention-badge-2'
+      childOf:
+        id: 'rooms-list-view-item-${output.otherUser.username}'
+    timeout: 60000
+- tapOn:
+    id: 'rooms-list-view-item-${output.otherUser.username}'
+- tapOn:
+    id: header-back
+- extendedWaitUntil:
+    notVisible:
+      id: 'mention-badge-2'
+      childOf:
+        id: 'rooms-list-view-item-${output.otherUser.username}'
+    timeout: 60000
+
+# send mention message first and normal message in next message and it should show mentioned unread indicator
+- evalScript: ${output.message = output.utils.sendMessage(output.otherUser.username, output.otherUser.password, '@' + output.user.username, '@' + output.user.username)}
+- evalScript: ${output.message = output.utils.sendMessage(output.otherUser.username, output.otherUser.password, '@' + output.user.username, 'message-mark-as-unread')}
+- extendedWaitUntil:
+    visible:
+      id: 'rooms-list-view-item-${output.otherUser.username}'
+    timeout: 60000
+- extendedWaitUntil:
+    visible:
+      id: 'mention-badge-2'
+      childOf:
+        id: 'rooms-list-view-item-${output.otherUser.username}'
+    timeout: 60000
+- tapOn:
+    id: 'rooms-list-view-item-${output.otherUser.username}'
+- tapOn:
+    id: header-back
+- extendedWaitUntil:
+    notVisible:
+      id: 'mention-badge-2'
+      childOf:
+        id: 'rooms-list-view-item-${output.otherUser.username}'
+    timeout: 60000
diff --git a/app/containers/Header/components/HeaderButton/__snapshots__/HeaderButtons.test.tsx.snap b/app/containers/Header/components/HeaderButton/__snapshots__/HeaderButtons.test.tsx.snap
@@ -204,6 +204,7 @@ exports[`Story Snapshots: Badge should match snapshot 1`] = `
                   },
                 ]
               }
+              testID="unread-badge-1"
             >
               <Text
                 numberOfLines={1}
@@ -319,6 +320,7 @@ exports[`Story Snapshots: Badge should match snapshot 1`] = `
                   },
                 ]
               }
+              testID="unread-badge-1"
             >
               <Text
                 numberOfLines={1}
@@ -434,6 +436,7 @@ exports[`Story Snapshots: Badge should match snapshot 1`] = `
                   },
                 ]
               }
+              testID="unread-badge-1"
             >
               <Text
                 numberOfLines={1}
@@ -3703,6 +3706,7 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
                       },
                     ]
                   }
+                  testID="unread-badge-1"
                 >
                   <Text
                     numberOfLines={1}
@@ -4258,6 +4262,7 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
                       },
                     ]
                   }
+                  testID="unread-badge-1"
                 >
                   <Text
                     numberOfLines={1}
@@ -4813,6 +4818,7 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
                       },
                     ]
                   }
+                  testID="unread-badge-1"
                 >
                   <Text
                     numberOfLines={1}
diff --git a/app/containers/RoomItem/__snapshots__/RoomItem.test.tsx.snap b/app/containers/RoomItem/__snapshots__/RoomItem.test.tsx.snap
@@ -1288,6 +1288,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
                         undefined,
                       ]
                     }
+                    testID="unread-badge-1"
                   >
                     <Text
                       numberOfLines={1}
@@ -1966,6 +1967,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
                         undefined,
                       ]
                     }
+                    testID="unread-badge-+999"
                   >
                     <Text
                       numberOfLines={1}
@@ -2644,6 +2646,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
                         undefined,
                       ]
                     }
+                    testID="mention-badge-1"
                   >
                     <Text
                       numberOfLines={1}
@@ -3322,6 +3325,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
                         undefined,
                       ]
                     }
+                    testID="group-mention-badge-1"
                   >
                     <Text
                       numberOfLines={1}
@@ -4000,6 +4004,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
                         undefined,
                       ]
                     }
+                    testID="unread-badge-1"
                   >
                     <Text
                       numberOfLines={1}
@@ -4678,6 +4683,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
                         undefined,
                       ]
                     }
+                    testID="unread-badge-1"
                   >
                     <Text
                       numberOfLines={1}
@@ -5356,6 +5362,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
                         undefined,
                       ]
                     }
+                    testID="unread-badge-1"
                   >
                     <Text
                       numberOfLines={1}
@@ -6034,6 +6041,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
                         undefined,
                       ]
                     }
+                    testID="mention-badge-1"
                   >
                     <Text
                       numberOfLines={1}
@@ -6712,6 +6720,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
                         undefined,
                       ]
                     }
+                    testID="group-mention-badge-1"
                   >
                     <Text
                       numberOfLines={1}
@@ -7390,6 +7399,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
                         undefined,
                       ]
                     }
+                    testID="unread-badge-1"
                   >
                     <Text
                       numberOfLines={1}
@@ -8699,6 +8709,7 @@ exports[`Story Snapshots: CondensedRoomItem should match snapshot 1`] = `
                         undefined,
                       ]
                     }
+                    testID="unread-badge-1"
                   >
                     <Text
                       numberOfLines={1}
@@ -9377,6 +9388,7 @@ exports[`Story Snapshots: CondensedRoomItem should match snapshot 1`] = `
                         undefined,
                       ]
                     }
+                    testID="unread-badge-+999"
                   >
                     <Text
                       numberOfLines={1}
@@ -10663,6 +10675,7 @@ exports[`Story Snapshots: CondensedRoomItemWithoutAvatar should match snapshot 1
                         undefined,
                       ]
                     }
+                    testID="unread-badge-1"
                   >
                     <Text
                       numberOfLines={1}
@@ -12507,6 +12520,7 @@ exports[`Story Snapshots: ExpandedRoomItemWithoutAvatar should match snapshot 1`
                       undefined,
                     ]
                   }
+                  testID="unread-badge-1"
                 >
                   <Text
                     numberOfLines={1}
@@ -13175,6 +13189,7 @@ exports[`Story Snapshots: ExpandedRoomItemWithoutAvatar should match snapshot 1`
                       undefined,
                     ]
                   }
+                  testID="unread-badge-1"
                 >
                   <Text
                     numberOfLines={1}
@@ -17133,6 +17148,7 @@ exports[`Story Snapshots: LastMessage should match snapshot 1`] = `
                       undefined,
                     ]
                   }
+                  testID="unread-badge-1"
                 >
                   <Text
                     numberOfLines={1}
@@ -17842,6 +17858,7 @@ exports[`Story Snapshots: LastMessage should match snapshot 1`] = `
                       undefined,
                     ]
                   }
+                  testID="unread-badge-+999"
                 >
                   <Text
                     numberOfLines={1}
@@ -18551,6 +18568,7 @@ exports[`Story Snapshots: LastMessage should match snapshot 1`] = `
                       undefined,
                     ]
                   }
+                  testID="unread-badge-1"
                 >
                   <Text
                     numberOfLines={1}
diff --git a/app/containers/UnreadBadge/__snapshots__/UnreadBadge.test.tsx.snap b/app/containers/UnreadBadge/__snapshots__/UnreadBadge.test.tsx.snap
diff --git a/app/containers/UnreadBadge/index.tsx b/app/containers/UnreadBadge/index.tsx

Original file line number	Diff line number	Diff line change
@@ -204,6 +204,7 @@ exports[`Story Snapshots: Badge should match snapshot 1`] = `
`204`	`204`	`},`
`205`	`205`	`]`
`206`	`206`	`}`
	`207`	`+ testID="unread-badge-1"`
`207`	`208`	`>`
`208`	`209`	`<Text`
`209`	`210`	`numberOfLines={1}`
@@ -319,6 +320,7 @@ exports[`Story Snapshots: Badge should match snapshot 1`] = `
`319`	`320`	`},`
`320`	`321`	`]`
`321`	`322`	`}`
	`323`	`+ testID="unread-badge-1"`
`322`	`324`	`>`
`323`	`325`	`<Text`
`324`	`326`	`numberOfLines={1}`
@@ -434,6 +436,7 @@ exports[`Story Snapshots: Badge should match snapshot 1`] = `
`434`	`436`	`},`
`435`	`437`	`]`
`436`	`438`	`}`
	`439`	`+ testID="unread-badge-1"`
`437`	`440`	`>`
`438`	`441`	`<Text`
`439`	`442`	`numberOfLines={1}`
@@ -3703,6 +3706,7 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
`3703`	`3706`	`},`
`3704`	`3707`	`]`
`3705`	`3708`	`}`
	`3709`	`+ testID="unread-badge-1"`
`3706`	`3710`	`>`
`3707`	`3711`	`<Text`
`3708`	`3712`	`numberOfLines={1}`
@@ -4258,6 +4262,7 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
`4258`	`4262`	`},`
`4259`	`4263`	`]`
`4260`	`4264`	`}`
	`4265`	`+ testID="unread-badge-1"`
`4261`	`4266`	`>`
`4262`	`4267`	`<Text`
`4263`	`4268`	`numberOfLines={1}`
@@ -4813,6 +4818,7 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = `
`4813`	`4818`	`},`
`4814`	`4819`	`]`
`4815`	`4820`	`}`
	`4821`	`+ testID="unread-badge-1"`
`4816`	`4822`	`>`
`4817`	`4823`	`<Text`
`4818`	`4824`	`numberOfLines={1}`
Original file line number	Diff line number	Diff line change
@@ -1288,6 +1288,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
`1288`	`1288`	`undefined,`
`1289`	`1289`	`]`
`1290`	`1290`	`}`
	`1291`	`+ testID="unread-badge-1"`
`1291`	`1292`	`>`
`1292`	`1293`	`<Text`
`1293`	`1294`	`numberOfLines={1}`
@@ -1966,6 +1967,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
`1966`	`1967`	`undefined,`
`1967`	`1968`	`]`
`1968`	`1969`	`}`
	`1970`	`+ testID="unread-badge-+999"`
`1969`	`1971`	`>`
`1970`	`1972`	`<Text`
`1971`	`1973`	`numberOfLines={1}`
@@ -2644,6 +2646,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
`2644`	`2646`	`undefined,`
`2645`	`2647`	`]`
`2646`	`2648`	`}`
	`2649`	`+ testID="mention-badge-1"`
`2647`	`2650`	`>`
`2648`	`2651`	`<Text`
`2649`	`2652`	`numberOfLines={1}`
@@ -3322,6 +3325,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
`3322`	`3325`	`undefined,`
`3323`	`3326`	`]`
`3324`	`3327`	`}`
	`3328`	`+ testID="group-mention-badge-1"`
`3325`	`3329`	`>`
`3326`	`3330`	`<Text`
`3327`	`3331`	`numberOfLines={1}`
@@ -4000,6 +4004,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
`4000`	`4004`	`undefined,`
`4001`	`4005`	`]`
`4002`	`4006`	`}`
	`4007`	`+ testID="unread-badge-1"`
`4003`	`4008`	`>`
`4004`	`4009`	`<Text`
`4005`	`4010`	`numberOfLines={1}`
@@ -4678,6 +4683,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
`4678`	`4683`	`undefined,`
`4679`	`4684`	`]`
`4680`	`4685`	`}`
	`4686`	`+ testID="unread-badge-1"`
`4681`	`4687`	`>`
`4682`	`4688`	`<Text`
`4683`	`4689`	`numberOfLines={1}`
@@ -5356,6 +5362,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
`5356`	`5362`	`undefined,`
`5357`	`5363`	`]`
`5358`	`5364`	`}`
	`5365`	`+ testID="unread-badge-1"`
`5359`	`5366`	`>`
`5360`	`5367`	`<Text`
`5361`	`5368`	`numberOfLines={1}`
@@ -6034,6 +6041,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
`6034`	`6041`	`undefined,`
`6035`	`6042`	`]`
`6036`	`6043`	`}`
	`6044`	`+ testID="mention-badge-1"`
`6037`	`6045`	`>`
`6038`	`6046`	`<Text`
`6039`	`6047`	`numberOfLines={1}`
@@ -6712,6 +6720,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
`6712`	`6720`	`undefined,`
`6713`	`6721`	`]`
`6714`	`6722`	`}`
	`6723`	`+ testID="group-mention-badge-1"`
`6715`	`6724`	`>`
`6716`	`6725`	`<Text`
`6717`	`6726`	`numberOfLines={1}`
@@ -7390,6 +7399,7 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = `
`7390`	`7399`	`undefined,`
`7391`	`7400`	`]`
`7392`	`7401`	`}`
	`7402`	`+ testID="unread-badge-1"`
`7393`	`7403`	`>`
`7394`	`7404`	`<Text`
`7395`	`7405`	`numberOfLines={1}`
@@ -8699,6 +8709,7 @@ exports[`Story Snapshots: CondensedRoomItem should match snapshot 1`] = `
`8699`	`8709`	`undefined,`
`8700`	`8710`	`]`
`8701`	`8711`	`}`
	`8712`	`+ testID="unread-badge-1"`
`8702`	`8713`	`>`
`8703`	`8714`	`<Text`
`8704`	`8715`	`numberOfLines={1}`
@@ -9377,6 +9388,7 @@ exports[`Story Snapshots: CondensedRoomItem should match snapshot 1`] = `
`9377`	`9388`	`undefined,`
`9378`	`9389`	`]`
`9379`	`9390`	`}`
	`9391`	`+ testID="unread-badge-+999"`
`9380`	`9392`	`>`
`9381`	`9393`	`<Text`
`9382`	`9394`	`numberOfLines={1}`
@@ -10663,6 +10675,7 @@ exports[`Story Snapshots: CondensedRoomItemWithoutAvatar should match snapshot 1
`10663`	`10675`	`undefined,`
`10664`	`10676`	`]`
`10665`	`10677`	`}`
	`10678`	`+ testID="unread-badge-1"`
`10666`	`10679`	`>`
`10667`	`10680`	`<Text`
`10668`	`10681`	`numberOfLines={1}`
@@ -12507,6 +12520,7 @@ exports[`Story Snapshots: ExpandedRoomItemWithoutAvatar should match snapshot 1`
`12507`	`12520`	`undefined,`
`12508`	`12521`	`]`
`12509`	`12522`	`}`
	`12523`	`+ testID="unread-badge-1"`
`12510`	`12524`	`>`
`12511`	`12525`	`<Text`
`12512`	`12526`	`numberOfLines={1}`
@@ -13175,6 +13189,7 @@ exports[`Story Snapshots: ExpandedRoomItemWithoutAvatar should match snapshot 1`
`13175`	`13189`	`undefined,`
`13176`	`13190`	`]`
`13177`	`13191`	`}`
	`13192`	`+ testID="unread-badge-1"`
`13178`	`13193`	`>`
`13179`	`13194`	`<Text`
`13180`	`13195`	`numberOfLines={1}`
@@ -17133,6 +17148,7 @@ exports[`Story Snapshots: LastMessage should match snapshot 1`] = `
`17133`	`17148`	`undefined,`
`17134`	`17149`	`]`
`17135`	`17150`	`}`
	`17151`	`+ testID="unread-badge-1"`
`17136`	`17152`	`>`
`17137`	`17153`	`<Text`
`17138`	`17154`	`numberOfLines={1}`
@@ -17842,6 +17858,7 @@ exports[`Story Snapshots: LastMessage should match snapshot 1`] = `
`17842`	`17858`	`undefined,`
`17843`	`17859`	`]`
`17844`	`17860`	`}`
	`17861`	`+ testID="unread-badge-+999"`
`17845`	`17862`	`>`
`17846`	`17863`	`<Text`
`17847`	`17864`	`numberOfLines={1}`
@@ -18551,6 +18568,7 @@ exports[`Story Snapshots: LastMessage should match snapshot 1`] = `
`18551`	`18568`	`undefined,`
`18552`	`18569`	`]`
`18553`	`18570`	`}`
	`18571`	`+ testID="unread-badge-1"`
`18554`	`18572`	`>`
`18555`	`18573`	`<Text`
`18556`	`18574`	`numberOfLines={1}`