fix(testing): add TestHint for LargeVideo

Since the main conference container is no longer "clickable" there must
be a way for clicking on the "large video". A clickable TestHint nested
in ParticipantView makes it easier for dealing with the fact that the
click handler is not always on the same component (required for the
pinch and zoom feature to work correctly).

react/features/base/participants/components/ParticipantView.native.js

@@ -13,6 +13,7 @@ import {
 } from '../../media';
 import { prefetch } from '../../../mobile/image-cache';
 import { Container, TintedView } from '../../react';
+import { TestHint } from '../../testing/components';
 import { getTrackByMediaTypeAndParticipant } from '../../tracks';
 
 import Avatar from './Avatar';
@@ -106,6 +107,14 @@ type Props = {
      */
     t: Function,
 
+    /**
+     * The test hint id which can be used to locate the {@code ParticipantView}
+     * on the jitsi-meet-torture side. If not provided, the
+     * {@code participantId} with the following format will be used:
+     * {@code `org.jitsi.meet.Participant#${participantId}`}
+     */
+    testHintId: ?string,
+
     /**
      * Indicates if the connectivity info label should be shown, if appropriate.
      * It will be shown in case the connection is interrupted.
@@ -227,6 +236,11 @@ class ParticipantView extends Component<Props> {
                 || connectionStatus
                     === JitsiParticipantConnectionStatus.INTERRUPTED;
 
+        const testHintId
+            = this.props.testHintId
+                ? this.props.testHintId
+                : `org.jitsi.meet.Participant#${this.props.participantId}`;
+
         return (
             <Container
                 onClick = { renderVideo ? undefined : onPress }
@@ -236,6 +250,11 @@ class ParticipantView extends Component<Props> {
                 }}
                 touchFeedback = { false }>
 
+                <TestHint
+                    id = { testHintId }
+                    onPress = { onPress }
+                    value = '' />
+
                 { renderVideo
                     && <VideoTrack
                         onPress = { renderVideo ? onPress : undefined }

react/features/conference/components/Conference.native.js

@@ -188,10 +188,7 @@ class Conference extends Component<Props> {
      */
     render() {
         return (
-            <Container
-                accessibilityLabel = 'Conference'
-                accessible = { false }
-                style = { styles.conference }>
+            <Container style = { styles.conference }>
                 <StatusBar
                     barStyle = 'light-content'
                     hidden = { true }

react/features/large-video/components/LargeVideo.native.js

@@ -125,6 +125,7 @@ class LargeVideo extends Component<Props, State> {
                     onPress = { onPress }
                     participantId = { _participantId }
                     style = { styles.largeVideo }
+                    testHintId = 'org.jitsi.meet.LargeVideo'
                     useConnectivityInfoLabel = { useConnectivityInfoLabel }
                     zOrder = { 0 }
                     zoomEnabled = { true } />