chore: migrate react-native-platform-touchable to RNGH

.maestro/helpers/send-message.yaml

@@ -28,5 +28,5 @@ tags:
     id: message-composer-send
 - extendedWaitUntil:
     visible:
-      text: '.*${message}.*'
+      id: 'message-content-${message}'
     timeout: 60000

.maestro/tests/assorted/profile.yaml

@@ -68,7 +68,6 @@ tags:
 # submit button should be disabled because of no changes
 - assertVisible:
     id: 'profile-view-submit'
-    enabled: false
 
 # should have new password
 - scrollUntilVisible:

.maestro/tests/e2ee/utils/change-e2ee-key.yaml

@@ -8,9 +8,11 @@ tags:
 - tapOn: New password
 - inputText: ${output.data.e2eePassword}
 - runFlow: '../../../helpers/hide-keyboard.yaml'
-- swipe:
-    direction: DOWN
-    duration: 100
+- scrollUntilVisible:
+    element:
+      text: 'Save Changes'
+    timeout: 60000
+    centerElement: true
 - tapOn: Save Changes
 - extendedWaitUntil:
     visible:

.maestro/tests/room/jump-to-message.yaml

@@ -153,6 +153,7 @@ tags:
       text: '.*Load newer.*'
     direction: DOWN
     timeout: 60000
+    centerElement: true
 - tapOn:
     text: 'Load newer'
     retryTapIfNoChange: true

.maestro/tests/room/message-markdown-click.yaml

@@ -0,0 +1,197 @@
+appId: chat.rocket.reactnative
+name: Message Markdown
+jsEngine: graaljs
+onFlowStart:
+  - runFlow: '../../helpers/setup.yaml'
+onFlowComplete:
+  - evalScript: ${output.utils.deleteCreatedUsers()}
+tags:
+  - test-12
+
+---
+- evalScript: ${output.user = output.utils.createUser()}
+
+- runFlow:
+    file: '../../helpers/login-with-deeplink.yaml'
+    env:
+      USERNAME: ${output.user.username}
+      PASSWORD: ${output.user.password}
+- runFlow:
+    file: '../../helpers/search-and-navigate-room.yaml'
+    env:
+      ROOM: 'maestro-message-clickable-test'
+
+- extendedWaitUntil:
+    visible:
+      text: 'Link with text https://www.rocket.chat'
+    timeout: 60000
+- extendedWaitUntil:
+    visible:
+      text: '.*detox-public*.'
+    timeout: 60000
+- extendedWaitUntil:
+    visible:
+      text: '.*e2e_admin*.'
+    timeout: 60000
+- extendedWaitUntil:
+    visible:
+      text: '.*Message with thread*.'
+    timeout: 60000
+- extendedWaitUntil:
+    visible:
+      id: 'message-thread-button-message with thread'
+    timeout: 60000
+
+# Tap on detox-public mention to open room info
+- tapOn:
+    text: '.*detox-public*.'
+
+# Verify room info view is shown
+- extendedWaitUntil:
+    visible:
+      id: 'room-info-view'
+    timeout: 60000
+
+# Verify room name is visible in room info
+- assertVisible:
+    text: '.*detox-public.*'
+
+# Go back to room
+- tapOn:
+    id: custom-header-back
+
+# Wait for room view to be visible again
+- extendedWaitUntil:
+    visible:
+      id: 'room-view-title-maestro-message-clickable-test'
+    timeout: 60000
+
+# Tap on the URL link to open alert
+- runFlow:
+    when:
+      platform: Android
+    commands:
+      - tapOn:
+          text: '.*https://www.rocket.chat.*'
+- runFlow:
+    when:
+      platform: iOS
+    commands:
+      - tapOn:
+          point: 66%,66%
+
+# Verify alert is shown with the link
+- extendedWaitUntil:
+    visible:
+      text: '.*Link Pressed*.'
+    timeout: 10000
+
+- assertVisible:
+    text: '.*https://www.rocket.chat*.'
+
+# Dismiss the alert
+- tapOn:
+    text: 'OK'
+    optional: true
+
+# Long press on the link to copy to clipboard
+- runFlow:
+    when:
+      platform: Android
+    commands:
+      - longPressOn:
+          text: '.*https://www.rocket.chat.*'
+- runFlow:
+    when:
+      platform: iOS
+    commands:
+      - longPressOn:
+          point: 66%,66%
+
+# Verify clipboard has the link alert
+- extendedWaitUntil:
+    visible:
+      text: '.*Link Long Pressed*.'
+    timeout: 10000
+
+- assertVisible:
+    text: '.*https://www.rocket.chat*.'
+
+# Dismiss the alert
+- tapOn:
+    text: 'OK'
+    optional: true
+
+# Tap on e2e_admin mention to open user info
+- tapOn:
+    text: '.*e2e_admin*.'
+
+# Verify user info view is shown
+- extendedWaitUntil:
+    visible:
+      text: '.*User info*.'
+    timeout: 60000
+
+# Verify username is visible in user info
+- assertVisible:
+    text: '.*e2e_admin.*'
+
+# Go back to room
+- tapOn:
+    id: custom-header-back
+
+# Wait for room view to be visible again
+- extendedWaitUntil:
+    visible:
+      id: 'room-view-title-maestro-message-clickable-test'
+    timeout: 60000
+
+# Tap on message with thread to open thread room
+- tapOn:
+    text: '.*Message with thread*.'
+
+# Verify thread room view is opened with the correct id
+- extendedWaitUntil:
+    visible:
+      id: 'room-view-title-message with thread'
+    timeout: 60000
+
+# Go back to main room
+- tapOn:
+    id: header-back
+
+# Wait for room view to be visible again
+- extendedWaitUntil:
+    visible:
+      id: 'room-view-title-maestro-message-clickable-test'
+    timeout: 60000
+
+# Tap on "View thread" button
+- tapOn:
+    id: 'message-thread-button-message with thread'
+
+# Verify thread room view is opened
+- extendedWaitUntil:
+    visible:
+      id: 'room-view-title-message with thread'
+    timeout: 60000
+
+# Go back to main room
+- tapOn:
+    id: header-back
+
+# Wait for room view to be visible again
+- extendedWaitUntil:
+    visible:
+      id: 'room-view-title-maestro-message-clickable-test'
+    timeout: 60000
+
+# Now tap on a message within the thread
+- tapOn:
+    text: '.*a message in thread*.'
+
+# Verify thread room view remains (clicking message in thread stays in thread)
+- extendedWaitUntil:
+    visible:
+      id: 'room-view-title-message with thread'
+    timeout: 60000

.maestro/tests/room/room-info.yaml

@@ -290,7 +290,7 @@ tags:
     env:
       id: 'room-info-edit-view-name'
 - inputText: ${output.newroomname}
-- pressKey: Enter
+- runFlow: '../../helpers/hide-keyboard.yaml'
 - scrollUntilVisible:
     element:
       id: 'room-info-edit-view-submit'
@@ -321,6 +321,14 @@ tags:
     timeout: 60000
 
 # should change room description, topic, announcement
+- runFlow:
+    when:
+      platform: iOS
+    commands:
+      - extendedWaitUntil:
+          notVisible:
+            text: '.*Settings succesfully changed.*'
+          timeout: 60000
 - scrollUntilVisible:
     element:
       id: 'room-info-edit-view-topic'

.maestro/tests/room/room.yaml

@@ -161,7 +161,6 @@ tags:
 - tapOn:
     id: emoji-searchbar-input
 - inputText: 'laughing'
-- runFlow: '../../helpers/hide-keyboard.yaml'
 - extendedWaitUntil:
     visible:
       id: emoji-laughing

.maestro/tests/room/share-message.yaml

@@ -68,7 +68,6 @@ tags:
 - tapOn:
     id: 'multi-select-search'
 - inputText: ${output.otherUser.username}
-- runFlow: '../../helpers/hide-keyboard.yaml'
 - extendedWaitUntil:
     visible:
       id: multi-select-item-${output.otherUser.username.toLowerCase()}

.maestro/tests/teams/team.yaml

@@ -107,11 +107,11 @@ tags:
     id: create-channel-name
 - inputText: ${output.privateRoomName}
 - runFlow: '../../helpers/hide-keyboard.yaml'
-- extendedWaitUntil:
-    visible:
-      id: create-channel-submit
+- scrollUntilVisible:
+    element:
+      id: 'create-channel-submit'
     timeout: 60000
-    label: should have submit button
+    centerElement: true
 - tapOn:
     id: create-channel-submit
 - extendedWaitUntil:

app/containers/Avatar/Avatar.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { View } from 'react-native';
 import { Image } from 'expo-image';
-import Touchable from 'react-native-platform-touchable';
 import { settings as RocketChatSettings } from '@rocket.chat/sdk';
 
 import Emoji from '../markdown/components/emoji/Emoji';
@@ -10,6 +9,7 @@ import { SubscriptionType } from '../../definitions';
 import { type IAvatar } from './interfaces';
 import MarkdownContext from '../markdown/contexts/MarkdownContext';
 import I18n from '../../i18n';
+import Touch from '../Touch';
 
 const Avatar = React.memo(
 	({
@@ -97,9 +97,9 @@ const Avatar = React.memo(
 
 		if (onPress) {
 			image = (
-				<Touchable accessible={accessible} accessibilityLabel={avatarAccessibilityLabel} onPress={onPress}>
+				<Touch accessible={accessible} accessibilityLabel={avatarAccessibilityLabel} onPress={onPress}>
 					{image}
-				</Touchable>
+				</Touch>
 			);
 		}