diff --git a/components/PinInput.tsx b/components/PinInput.tsx
index 72cc68b3..3c538214 100644
--- a/components/PinInput.tsx
+++ b/components/PinInput.tsx
@@ -3,6 +3,7 @@ import { TextInput } from 'react-native';
 import { usePinInput } from '../machines/pinInput';
 import { Row } from './ui';
 import { Theme } from './ui/styleUtils';
+import testID from '../shared/commonUtil';
 
 export const PinInput: React.FC<PinInputProps> = (props) => {
   const { state, send, events } = usePinInput(props.length);
@@ -16,7 +17,7 @@ export const PinInput: React.FC<PinInputProps> = (props) => {
   }, [state]);
 
   return (
-    <Row width="100%">
+    <Row width="100%" {...testID(props.testID)}>
       {inputRefs.map((input, index) => (
         <TextInput
           selectTextOnFocus
diff --git a/components/ui/Button.tsx b/components/ui/Button.tsx
index aeaa2da7..5e5a5f31 100644
--- a/components/ui/Button.tsx
+++ b/components/ui/Button.tsx
@@ -6,6 +6,7 @@ import {
 import { GestureResponderEvent, StyleProp, ViewStyle } from 'react-native';
 import { Text } from './Text';
 import { Theme, Spacing } from './styleUtils';
+import testID from '../../shared/commonUtil';
 
 export const Button: React.FC<ButtonProps> = (props) => {
   const type = props.type || 'solid' || 'radius' || 'gradient';
@@ -58,6 +59,7 @@ export const Button: React.FC<ButtonProps> = (props) => {
       icon={props.icon}
       onPress={handleOnPress}
       loading={props.loading}
+      {...testID(props.testID)}
     />
   ) : (
     <RNEButton
@@ -86,6 +88,7 @@ export const Button: React.FC<ButtonProps> = (props) => {
       icon={props.icon}
       onPress={handleOnPress}
       loading={props.loading}
+      {...testID(props.testID)}
     />
   );
 };
diff --git a/components/ui/Layout.tsx b/components/ui/Layout.tsx
index b24de54d..bb11deaf 100644
--- a/components/ui/Layout.tsx
+++ b/components/ui/Layout.tsx
@@ -10,6 +10,7 @@ import {
   SafeAreaView,
 } from 'react-native';
 import { Theme, ElevationLevel, Spacing } from './styleUtils';
+import testID from '../../shared/commonUtil';
 
 function createLayout(
   direction: FlexStyle['flexDirection'],
@@ -49,11 +50,14 @@ function createLayout(
     return props.scroll ? (
       <ScrollView
         contentContainerStyle={styles}
-        refreshControl={props.refreshControl}>
+        refreshControl={props.refreshControl}
+        {...testID(props.testID)}>
         {props.children}
       </ScrollView>
     ) : (
-      <ViewType style={styles}>{props.children}</ViewType>
+      <ViewType style={styles} {...testID(props.testID)}>
+        {props.children}
+      </ViewType>
     );
   };
 
@@ -73,6 +77,7 @@ export const HorizontallyCentered = createLayout(
 );
 
 interface LayoutProps {
+  testID?: string;
   fill?: boolean;
   align?: FlexStyle['justifyContent'];
   crossAlign?: FlexStyle['alignItems'];
diff --git a/components/ui/Text.tsx b/components/ui/Text.tsx
index 047ed20a..5702b003 100644
--- a/components/ui/Text.tsx
+++ b/components/ui/Text.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { StyleProp, TextStyle, Text as RNText } from 'react-native';
 import { Theme, Spacing } from './styleUtils';
+import testID from '../../shared/commonUtil';
 
 export const Text: React.FC<TextProps> = (props: TextProps) => {
   const weight = props.weight || 'regular';
@@ -16,7 +17,7 @@ export const Text: React.FC<TextProps> = (props: TextProps) => {
   ];
 
   return (
-    <RNText style={textStyles} numberOfLines={props.numLines}>
+    <RNText style={textStyles} {...testID(props.testID)}>
       {props.children}
     </RNText>
   );
diff --git a/screens/Home/MyVcsTab.tsx b/screens/Home/MyVcsTab.tsx
index 294b95b2..1c2dc69b 100644
--- a/screens/Home/MyVcsTab.tsx
+++ b/screens/Home/MyVcsTab.tsx
@@ -14,6 +14,7 @@ import {
   MessageOverlay,
 } from '../../components/MessageOverlay';
 import { Icon } from 'react-native-elements';
+import testID from '../../shared/commonUtil';
 
 export const MyVcsTab: React.FC<HomeScreenTabProps> = (props) => {
   const { t } = useTranslation('MyVcsTab');
@@ -131,6 +132,7 @@ export const MyVcsTab: React.FC<HomeScreenTabProps> = (props) => {
                   {t('generateVcDescription')}
                 </Text>
                 <Button
+                  testID="downloadCard"
                   type="gradient"
                   disabled={controller.isRefreshingVcs}
                   title={t('downloadCard')}
diff --git a/shared/commonUtil.ts b/shared/commonUtil.ts
index 3c3f3068..df723867 100644
--- a/shared/commonUtil.ts
+++ b/shared/commonUtil.ts
@@ -1,3 +1,4 @@
+import { Platform } from 'react-native';
 import argon2 from 'react-native-argon2';
 
 export const hashData = async (
@@ -16,3 +17,9 @@ export interface Argon2iConfig {
   hashLength: number;
   mode: string;
 }
+
+export default function testID(id) {
+  return Platform.OS === 'android'
+    ? { accessible: true, accessibilityLabel: id }
+    : { testID: id };
+}