From 2c19d85285ff0cc9bf89ef1300262779405e5c18 Mon Sep 17 00:00:00 2001
From: Nadiia D <nadiiad@fb.com>
Date: Tue, 9 Feb 2021 21:04:57 -0800
Subject: [PATCH] TextInput: test cursor placement

Summary:
Changelog:
[General][Internal] Added some test IDs for the TextIput examples.

Reviewed By: lunaleaps

Differential Revision: D26265361

fbshipit-source-id: 26d7a69f74f283daed2ddabaaf31113cd3089bf3
---
 .../TextInput/TextInputSharedExamples.js      | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js b/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
index 4a1f8d54e41..670589027cc 100644
--- a/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
+++ b/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
@@ -419,10 +419,10 @@ class SelectionExample extends React.Component<
     const length = this.state.value.length;
 
     return (
-      <View testID={this.props.testID}>
+      <View>
         <View style={{flexDirection: 'row'}}>
           <TextInput
-            testID="text-input"
+            testID={`${this.props.testID}-text-input`}
             multiline={this.props.multiline}
             onChangeText={value => this.setState({value})}
             onSelectionChange={this.onSelectionChange.bind(this)}
@@ -433,17 +433,23 @@ class SelectionExample extends React.Component<
           />
         </View>
         <View>
-          <Text testID="selection">
-            selection = {JSON.stringify(this.state.selection)}
+          <Text testID={`${this.props.testID}-selection`}>
+            selection = {JSON.stringify(this.state.selection).replace(/"/g, '')}
           </Text>
-          <Text testID="cursor-start" onPress={this.placeAt.bind(this, 0)}>
+          <Text
+            testID={`${this.props.testID}-cursor-start`}
+            onPress={this.placeAt.bind(this, 0)}>
             Place at Start (0, 0)
           </Text>
-          <Text testID="cursor-end" onPress={this.placeAt.bind(this, length)}>
+          <Text
+            testID={`${this.props.testID}-cursor-end`}
+            onPress={this.placeAt.bind(this, length)}>
             Place at End ({length}, {length})
           </Text>
           <Text onPress={this.placeAtRandom.bind(this)}>Place at Random</Text>
-          <Text testID="select-all" onPress={this.select.bind(this, 0, length)}>
+          <Text
+            testID={`${this.props.testID}-select-all`}
+            onPress={this.select.bind(this, 0, length)}>
             Select All
           </Text>
           <Text onPress={this.selectRandom.bind(this)}>Select Random</Text>