refactor(mfa): prefix the outcome screen testID like the other new IDs

Author: dariusz-biela

src/components/MultifactorAuthentication/components/OutcomeScreen/OutcomeScreenBase.tsx

@@ -74,7 +74,7 @@ function OutcomeScreenBase({headerTitle, illustration, iconWidth, iconHeight, ti
     );
 
     return (
-        <ScreenWrapper testID={OutcomeScreenBase.displayName}>
+        <ScreenWrapper testID="MultifactorAuthenticationOutcomeScreen">
             <HeaderWithBackButton
                 title={headerTitle}
                 onBackButtonPress={onClose}
@@ -91,7 +91,7 @@ function OutcomeScreenBase({headerTitle, illustration, iconWidth, iconHeight, ti
                         titleStyles={[styles.mb2, titleStyle]}
                         CustomSubtitle={CustomSubtitle}
                         containerStyle={[styles.ph5, padding]}
-                        testID={OutcomeScreenBase.displayName}
+                        testID="MultifactorAuthenticationOutcomeScreen"
                     />
                 </ScrollView>
                 <View style={[styles.flexRow, styles.m5, styles.mt0]}>

tests/unit/components/MultifactorAuthentication/machine/graphTraversal/viewMatchesMachine.test.tsx

@@ -35,7 +35,7 @@ jest.mock('@libs/Navigation/Navigation', () => jest.requireActual<typeof MfaReal
 
 // These UI markers distinguish the closed, closing, and outcome states. The backdrop exists only while
 // the MFA navigator is mounted.
-const OUTCOME_SCREEN_TEST_ID = 'OutcomeScreenBase';
+const OUTCOME_SCREEN_TEST_ID = 'MultifactorAuthenticationOutcomeScreen';
 const MODAL_BACKDROP_TEST_ID = 'MultifactorAuthenticationModalBackdrop';
 
 // This stable testID keeps the test independent of translated button text.