Added QA selectors (#701)

* feat/NO-REF/Added selectors for QA testing

* Added one more selector to the secure later button

* Added pindot test label

* Added no transaction typography qa selector

src/screens/createKeys/SecurityInformation.tsx

@@ -12,6 +12,10 @@ import { castStyle } from 'shared/utils'
 import { AppButton, AppTouchable, Typography } from 'components/index'
 import { Checkbox } from 'components/checkbox'
 
+enum TestID {
+  IAgreeCheckbox = 'Checkbox.IAgreeCheckbox',
+  ContinueButton = 'Button.ContinueButton',
+}
 export const SecurityInformation = ({
   navigation,
   route: { params },
@@ -55,7 +59,10 @@ export const SecurityInformation = ({
       </View>
       <View style={[styles.checkboxBtnWrapper, { bottom: insets.bottom }]}>
         <View style={styles.agreementView}>
-          <AppTouchable width={18} onPress={onToggleCheckbox}>
+          <AppTouchable
+            width={18}
+            onPress={onToggleCheckbox}
+            accessibilityLabel={TestID.IAgreeCheckbox}>
             <Checkbox isEnabled={isCheckboxActive} size={18} />
           </AppTouchable>
           <Typography type={'body2'} style={styles.agreeText}>
@@ -69,6 +76,7 @@ export const SecurityInformation = ({
           disabled={!isCheckboxActive}
           color={sharedColors.white}
           textColor={sharedColors.black}
+          accessibilityLabel={TestID.ContinueButton}
         />
       </View>
     </View>

src/screens/createKeys/new/NewMasterKeyScreen.tsx

@@ -31,6 +31,9 @@ type Props = CompositeScreenProps<
   RootTabsScreenProps<rootTabsRouteNames.CreateKeysUX>
 >
 
+enum TestID {
+  SecureLaterButton = 'SecureLater',
+}
 export const NewMasterKeyScreen = ({ navigation }: Props) => {
   const dispatch = useAppDispatch()
   const { t } = useTranslation()
@@ -83,6 +86,7 @@ export const NewMasterKeyScreen = ({ navigation }: Props) => {
           textType={'h4'}
           backgroundVariety={AppButtonBackgroundVarietyEnum.OUTLINED}
           onPress={onSecureLater}
+          accessibilityLabel={TestID.SecureLaterButton}
         />
       </View>
     </View>

src/screens/home/index.tsx

@@ -44,6 +44,9 @@ import { HomeInformationBar } from './HomeInformationBar'
 import { getTokenColor } from './tokenColor'
 import { PortfolioComponent } from './PortfolioComponent'
 
+enum TestID {
+  NoTransactionsTypography = 'NoTransactionsTypography',
+}
 export const HomeScreen = ({
   navigation,
 }: HomeStackScreenProps<homeStackRouteNames.Main>) => {
@@ -265,7 +268,10 @@ export const HomeScreen = ({
             <Typography style={styles.emptyTransactionsLabel} type={'h3'}>
               {t('home_screen_empty_transactions')}
             </Typography>
-            <Typography style={styles.emptyTransactionsLabel} type={'h4'}>
+            <Typography
+              style={styles.emptyTransactionsLabel}
+              type={'h4'}
+              accessibilityLabel={TestID.NoTransactionsTypography}>
               {t('home_screen_no_transactions_created')}
             </Typography>
           </>

src/screens/pinScreen/index.tsx

@@ -82,6 +82,11 @@ interface InitialPinSettings {
   initialSteps: ColorValue[] | null
 }
 
+enum TestID {
+  OpenKeyboardButton = 'Button.OpenKeyboard',
+  PINDot = 'PINDot',
+}
+
 const getInitialPinSettings = (
   isChangeRequested: boolean | undefined,
   pin: string | null,
@@ -393,6 +398,7 @@ export const PinScreen = ({ navigation, route }: Props) => {
                     n && Number(n) >= 0 ? styles.dotActive : styles.dotInactive,
                     styles.dot,
                   ]}
+                  accessibilityLabel={`${index}.${TestID.PINDot}`}
                 />
               ))}
               <TextInput
@@ -419,6 +425,7 @@ export const PinScreen = ({ navigation, route }: Props) => {
             title={t('pin_settings_open_keyboard_btn')}
             textColor={sharedColors.white}
             backgroundVariety={AppButtonBackgroundVarietyEnum.OUTLINED}
+            accessibilityLabel={TestID.OpenKeyboardButton}
           />
         </>
       )}