test: e2e Reveal Secret Recovery Phrase Quiz answer confirmation

app/components/Views/Quiz/QuizContent/QuizContent.tsx

@@ -49,6 +49,7 @@ const QuizContent = ({
         <Text
           variant={TextVariant.HeadingLG}
           style={{ ...styles.title, ...title.style }}
+          testID={title.testID}
         >
           {title.content}
         </Text>
@@ -67,6 +68,7 @@ const QuizContent = ({
             onPress={btn.onPress}
             label={btn.label}
             style={styles.button}
+            testID={btn.testID}
           />
         ))}
       </View>

app/components/Views/Quiz/SRPQuiz/SRPQuiz.tsx

@@ -19,6 +19,14 @@ import { QuizContent } from '../QuizContent';
 import stylesheet from './styles';
 import { useMetrics } from '../../../../components/hooks/useMetrics';
 
+import {
+  SecurityQuizGetStartedModalSelectorsIDs,
+  SecurityQuizGetStartedModalSelectorsText,
+  SecurityQuestionOneModelSelectorsIDs,
+  SecurityQuizQuestionOneModalSelectorsText,
+  SecurityQuestionTwoModelSelectorsIDs,
+  SecurityQuizQuestionTwoModalSelectorsText,
+} from '../../../../../e2e/selectors/Modals/SecurityQuizModal.selectors.js';
 const introductionImg = require('../../../../images/reveal-srp.png');
 
 const SRPQuiz = () => {
@@ -83,6 +91,7 @@ const SRPQuiz = () => {
         image={introductionImg}
         title={{
           content: strings('srp_security_quiz.introduction'),
+          testID: SecurityQuizGetStartedModalSelectorsText.QUIZ_INTRODUCTION,
         }}
         buttons={[
           {
@@ -91,6 +100,8 @@ const SRPQuiz = () => {
               trackEvent(MetaMetricsEvents.SRP_REVEAL_START_CTA_SELECTED, {});
               setStage(QuizStage.questionOne);
             },
+            testID:
+              SecurityQuizGetStartedModalSelectorsIDs.QUIZ_GET_STARTED_BUTTON,
             variant: ButtonVariants.Primary,
           },
           {
@@ -111,17 +122,22 @@ const SRPQuiz = () => {
         header={`1 ${strings('srp_security_quiz.of')} 2`}
         title={{
           content: strings('srp_security_quiz.question_one.question'),
+          testId: SecurityQuizQuestionOneModalSelectorsText.QUIZ_QUESTION_ONE,
         }}
         buttons={[
           {
             label: strings('srp_security_quiz.question_one.wrong_answer'),
             onPress: () => setStage(QuizStage.wrongAnswerQuestionOne),
             variant: ButtonVariants.Secondary,
+            testID:
+              SecurityQuestionOneModelSelectorsIDs.QUIZ_QUESTION_ONE_WRONG_ANSWER,
           },
           {
             label: strings('srp_security_quiz.question_one.right_answer'),
             onPress: () => setStage(QuizStage.rightAnswerQuestionOne),
             variant: ButtonVariants.Secondary,
+            testID:
+              SecurityQuestionOneModelSelectorsIDs.QUIZ_QUESTION_ONE_RIGHT_ANSWER,
           },
           {
             label: strings('srp_security_quiz.learn_more'),
@@ -143,6 +159,8 @@ const SRPQuiz = () => {
         title={{
           content: strings('srp_security_quiz.question_one.right_answer_title'),
           style: styles.rightText,
+          testID:
+            SecurityQuizQuestionOneModalSelectorsText.QUIZ_QUESTION_ONE_RIGHT_ANSWER_RESPONSE_TITLE,
         }}
         content={strings(
           'srp_security_quiz.question_one.right_answer_description',
@@ -152,6 +170,8 @@ const SRPQuiz = () => {
             label: strings('srp_security_quiz.continue'),
             onPress: () => setStage(QuizStage.questionTwo),
             variant: ButtonVariants.Primary,
+            testID:
+              SecurityQuestionOneModelSelectorsIDs.QUIZ_QUESTION_ONE_RIGHT_CONTINUE,
           },
           {
             label: strings('srp_security_quiz.learn_more'),
@@ -173,6 +193,8 @@ const SRPQuiz = () => {
         title={{
           content: strings('srp_security_quiz.question_one.wrong_answer_title'),
           style: styles.wrongText,
+          testID:
+            SecurityQuizQuestionOneModalSelectorsText.QUIZ_QUESTION_ONE_WRONG_ANSWER_RESPONSE_TITLE,
         }}
         content={strings(
           'srp_security_quiz.question_one.wrong_answer_description',
@@ -182,6 +204,8 @@ const SRPQuiz = () => {
             label: strings('srp_security_quiz.try_again'),
             onPress: () => setStage(QuizStage.questionOne),
             variant: ButtonVariants.Primary,
+            testID:
+              SecurityQuestionOneModelSelectorsIDs.QUIZ_QUESTION_ONE_WRONG_ANSWER_TRY_AGAIN_BUTTON,
           },
           {
             label: strings('srp_security_quiz.learn_more'),
@@ -207,11 +231,15 @@ const SRPQuiz = () => {
             label: strings('srp_security_quiz.question_two.right_answer'),
             onPress: () => setStage(QuizStage.rightAnswerQuestionTwo),
             variant: ButtonVariants.Secondary,
+            testID:
+              SecurityQuestionTwoModelSelectorsIDs.QUIZ_QUESTION_TWO_RIGHT_ANSWER,
           },
           {
             label: strings('srp_security_quiz.question_two.wrong_answer'),
             onPress: () => setStage(QuizStage.wrongAnswerQuestionTwo),
             variant: ButtonVariants.Secondary,
+            testID:
+              SecurityQuestionTwoModelSelectorsIDs.QUIZ_QUESTION_TWO_WRONG_ANSWER,
           },
           {
             label: strings('srp_security_quiz.learn_more'),
@@ -233,6 +261,8 @@ const SRPQuiz = () => {
         title={{
           content: strings('srp_security_quiz.question_two.right_answer_title'),
           style: styles.rightText,
+          testID:
+            SecurityQuizQuestionTwoModalSelectorsText.QUIZ_QUESTION_TWO_RIGHT_ANSWER_RESPONSE_TITLE,
         }}
         content={strings(
           'srp_security_quiz.question_two.right_answer_description',
@@ -242,6 +272,8 @@ const SRPQuiz = () => {
             label: strings('srp_security_quiz.continue'),
             onPress: goToRevealPrivateCredential,
             variant: ButtonVariants.Primary,
+            testID:
+              SecurityQuestionTwoModelSelectorsIDs.QUIZ_QUESTION_TWO_RIGHT_CONTINUE,
           },
           {
             label: strings('srp_security_quiz.learn_more'),
@@ -268,6 +300,8 @@ const SRPQuiz = () => {
         title={{
           content: strings('srp_security_quiz.question_two.wrong_answer_title'),
           style: styles.wrongText,
+          testID:
+            SecurityQuizQuestionOneModalSelectorsText.QUIZ_QUESTION_ONE_WRONG_ANSWER_RESPONSE_TITLE,
         }}
         content={strings(
           'srp_security_quiz.question_two.wrong_answer_description',
@@ -277,6 +311,8 @@ const SRPQuiz = () => {
             label: strings('srp_security_quiz.try_again'),
             onPress: () => setStage(QuizStage.questionTwo),
             variant: ButtonVariants.Primary,
+            testID:
+              SecurityQuestionTwoModelSelectorsIDs.QUIZ_QUESTION_TWO_WRONG_ANSWER_TRY_AGAIN_BUTTON,
           },
           {
             label: strings('srp_security_quiz.learn_more'),

app/components/Views/Quiz/types.ts

@@ -17,11 +17,13 @@ export interface IQuizInformationProps {
     // TODO: Replace "any" with type
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     style?: any;
+    testID?: string;
   };
   buttons: {
     onPress: () => void;
     label: string;
     variant: ButtonVariants;
+    testID?: string;
   }[];
   dismiss: () => void;
   header?: string;
@@ -30,4 +32,5 @@ export interface IQuizInformationProps {
   // TODO: Replace "any" with type
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   icon?: any;
+  testID?: string;
 }

app/components/Views/RevealPrivateCredential/RevealPrivateCredential.tsx

@@ -51,7 +51,6 @@ import { isHardwareAccount } from '../../../util/address';
 import AppConstants from '../../../core/AppConstants';
 import { createStyles } from './styles';
 import { getNavigationOptionsTitle } from '../../../components/UI/Navbar';
-import generateTestId from '../../../../wdio/utils/generateTestId';
 import { RevealSeedViewSelectorsIDs } from '../../../../e2e/selectors/Settings/SecurityAndPrivacy/RevealSeedView.selectors';
 
 import { selectSelectedInternalAccountChecksummedAddress } from '../../../selectors/accountsController';
@@ -467,10 +466,9 @@ const RevealPrivateCredential = ({
                 : strings('reveal_credential.srp_abbreviation_text'),
             })}
             onLongPress={() => revealCredential(privCredentialName)}
-            {...generateTestId(
-              Platform,
-              RevealSeedViewSelectorsIDs.SECRET_RECOVERY_PHRASE_LONG_PRESS_BUTTON_ID,
-            )}
+            testID={
+              RevealSeedViewSelectorsIDs.SECRET_RECOVERY_PHRASE_LONG_PRESS_BUTTON_ID
+            }
           />
         </>
       }

e2e/pages/Settings/SecurityAndPrivacy/SecurityAndPrivacyView.js

@@ -13,6 +13,12 @@ class SecurityAndPrivacy {
     );
   }
 
+  get revealSecretRecoveryPhraseButton() {
+    return Matchers.getElementByID(
+      SecurityPrivacyViewSelectorsIDs.REVEAL_SEED_BUTTON,
+    );
+  }
+
   get deleteWalletButton() {
     return device.getPlatform() === 'ios'
       ? Matchers.getElementByID(SECURITY_PRIVACY_DELETE_WALLET_BUTTON)
@@ -70,6 +76,10 @@ class SecurityAndPrivacy {
     );
   }
 
+  async tapRevealSecretRecoveryPhraseButton() {
+    await Gestures.waitAndTap(this.revealSecretRecoveryPhraseButton);
+  }
+
   async tapChangePasswordButton() {
     await Gestures.waitAndTap(this.changePasswordButton);
   }