From 790120f48473a8caa5c39489851c364fe104cf6c Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Wed, 22 Dec 2021 11:15:31 +1100
Subject: [PATCH] add data-testid to sessionIdEditable

---
 ts/components/basic/SessionIdEditable.tsx | 14 +++++++++++++-
 ts/components/dialog/SessionSeedModal.tsx |  2 +-
 ts/components/registration/SignUpTab.tsx  |  2 +-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/ts/components/basic/SessionIdEditable.tsx b/ts/components/basic/SessionIdEditable.tsx
index b43d8d526..7571ba419 100644
--- a/ts/components/basic/SessionIdEditable.tsx
+++ b/ts/components/basic/SessionIdEditable.tsx
@@ -11,10 +11,21 @@ type Props = {
   onPressEnter?: any;
   maxLength?: number;
   isGroup?: boolean;
+  dataTestId?: string;
 };
 
 export const SessionIdEditable = (props: Props) => {
-  const { placeholder, onPressEnter, onChange, editable, text, value, maxLength, isGroup } = props;
+  const {
+    placeholder,
+    onPressEnter,
+    onChange,
+    editable,
+    text,
+    value,
+    maxLength,
+    isGroup,
+    dataTestId,
+  } = props;
   const inputRef = useRef(null);
 
   useFocusMount(inputRef, editable);
@@ -48,6 +59,7 @@ export const SessionIdEditable = (props: Props) => {
         onBlur={handleChange}
         value={value || text}
         maxLength={maxLength}
+        data-testid={dataTestId}
       />
     </div>
   );
diff --git a/ts/components/dialog/SessionSeedModal.tsx b/ts/components/dialog/SessionSeedModal.tsx
index 43bafc71d..bba69097a 100644
--- a/ts/components/dialog/SessionSeedModal.tsx
+++ b/ts/components/dialog/SessionSeedModal.tsx
@@ -107,7 +107,7 @@ const Seed = (props: SeedProps) => {
         <p className="session-modal__description">{i18n('recoveryPhraseSavePromptMain')}</p>
         <SpacerXS />
 
-        <i data-test-id="recovery-phrase-seed-modal" className="session-modal__text-highlight">
+        <i data-testid="recovery-phrase-seed-modal" className="session-modal__text-highlight">
           {recoveryPhrase}
         </i>
       </div>
diff --git a/ts/components/registration/SignUpTab.tsx b/ts/components/registration/SignUpTab.tsx
index 7bbb8f3dd..178104b77 100644
--- a/ts/components/registration/SignUpTab.tsx
+++ b/ts/components/registration/SignUpTab.tsx
@@ -70,7 +70,7 @@ const SignUpSessionIDShown = (props: { continueSignUp: () => void }) => {
           {window.i18n('yourUniqueSessionID')}
         </div>
       </Flex>
-      <SessionIdEditable editable={false} placeholder={undefined} />
+      <SessionIdEditable editable={false} placeholder={undefined} dataTestId="session-id-signup" />
       <div className="session-description-long">{window.i18n('allUsersAreRandomly...')}</div>
       <ContinueSignUpButton continueSignUp={props.continueSignUp} />
       <TermsAndConditions />