diff --git a/platforms/react-native/sample/src/App.tsx b/platforms/react-native/sample/src/App.tsx
index 3a3067175..6e0917103 100644
--- a/platforms/react-native/sample/src/App.tsx
+++ b/platforms/react-native/sample/src/App.tsx
@@ -48,6 +48,7 @@ import {
   parseCartBootstrapLink,
   type CartBootstrapLink,
 } from './linking/cartBootstrap';
+import {e2eTestIds} from './e2e/testIds';
 
 const log = createDebugLogger('ENV');
 
@@ -247,7 +248,7 @@ function CartIcon({onPress}: {onPress: () => void}) {
   const theme = useTheme();
 
   return (
-    <Pressable onPress={onPress} testID="header-cart-icon">
+    <Pressable onPress={onPress} testID={e2eTestIds.catalog.headerCartIcon}>
       <Icon name="shopping-basket" size={24} color={theme.colors.secondary} />
     </Pressable>
   );
@@ -509,14 +510,14 @@ function Routes() {
   return (
     <View
       style={{flex: 1}}
-      testID={linkingReady ? 'checkout-kit-sample-ready' : undefined}>
+      testID={linkingReady ? e2eTestIds.appReady : undefined}>
       <Tab.Navigator>
         <Tab.Screen
           name="Catalog"
           component={CatalogStack}
           options={{
             headerShown: false,
-            tabBarButtonTestID: 'catalog-tab',
+            tabBarButtonTestID: e2eTestIds.tabs.catalog,
             tabBarIcon: createNavigationIcon('shop'),
           }}
         />
@@ -524,7 +525,7 @@ function Routes() {
           name="Cart"
           component={CartScreen}
           options={{
-            tabBarButtonTestID: 'cart-tab',
+            tabBarButtonTestID: e2eTestIds.tabs.cart,
             tabBarIcon: createNavigationIcon('shopping-bag'),
             tabBarBadge: totalQuantity > 0 ? totalQuantity : undefined,
           }}
@@ -534,7 +535,7 @@ function Routes() {
           component={AccountStackScreen}
           options={{
             headerShown: false,
-            tabBarButtonTestID: 'account-tab',
+            tabBarButtonTestID: e2eTestIds.tabs.account,
             tabBarIcon: createNavigationIcon('user'),
           }}
         />
@@ -542,7 +543,7 @@ function Routes() {
           name="Settings"
           component={SettingsScreen}
           options={{
-            tabBarButtonTestID: 'settings-tab',
+            tabBarButtonTestID: e2eTestIds.tabs.settings,
             tabBarIcon: createNavigationIcon('cog'),
           }}
         />
diff --git a/platforms/react-native/sample/src/e2e/testIds.ts b/platforms/react-native/sample/src/e2e/testIds.ts
new file mode 100644
index 000000000..6830a0e2e
--- /dev/null
+++ b/platforms/react-native/sample/src/e2e/testIds.ts
@@ -0,0 +1,51 @@
+function kebabCase(value: string) {
+  return value
+    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+    .replace(/[\s_]+/g, '-')
+    .toLowerCase();
+}
+
+export const e2eTestIds = {
+  appReady: 'checkout-kit-sample-ready',
+  tabs: {
+    catalog: 'catalog-tab',
+    cart: 'cart-tab',
+    account: 'account-tab',
+    settings: 'settings-tab',
+  },
+  catalog: {
+    headerCartIcon: 'header-cart-icon',
+    productGridItem: (index: number) => `product-${index}-grid-item`,
+  },
+  productDetails: {
+    addToCartButton: 'add-to-cart-button',
+  },
+  cart: {
+    emptyMessage: 'cart-empty-message',
+    checkoutButton: 'checkout-button',
+  },
+  settings: {
+    screen: 'settings-screen',
+    section: (section: string) => `settings-section-${kebabCase(section)}`,
+    buyerIdentityOption: (mode: string) =>
+      `settings-buyer-identity-option-${kebabCase(mode)}`,
+    themeOption: (scheme: string) =>
+      `settings-theme-option-${kebabCase(scheme)}`,
+    applePayStyleOption: (style: string) =>
+      `settings-apple-pay-style-option-${kebabCase(style)}`,
+    buyerIdentityDetails: 'settings-buyer-identity-details',
+    buyerIdentitySignInLink: 'settings-buyer-identity-sign-in-link',
+    buyerIdentityChangeUserLink: 'settings-buyer-identity-change-user-link',
+  },
+  account: {
+    screen: 'account-screen',
+    loading: 'account-loading',
+    signedInView: 'account-signed-in-view',
+    signedOutView: 'account-signed-out-view',
+    email: 'account-email',
+    signInButton: 'account-sign-in-button',
+    signOutButton: 'account-sign-out-button',
+    loginProcessing: 'account-login-processing',
+    loginWebView: 'account-login-webview',
+  },
+} as const;
diff --git a/platforms/react-native/sample/src/screens/AccountScreen.tsx b/platforms/react-native/sample/src/screens/AccountScreen.tsx
index c7d52c42b..1334a9910 100644
--- a/platforms/react-native/sample/src/screens/AccountScreen.tsx
+++ b/platforms/react-native/sample/src/screens/AccountScreen.tsx
@@ -13,6 +13,7 @@ import type {AccountStackParamList} from '../App';
 import type {Colors} from '../context/Theme';
 import {useTheme} from '../context/Theme';
 import {useAuth} from '../context/Auth';
+import {e2eTestIds} from '../e2e/testIds';
 
 type Props = NativeStackScreenProps<AccountStackParamList, 'AccountHome'>;
 
@@ -23,7 +24,7 @@ function AccountScreen({navigation}: Props) {
 
   if (isLoading) {
     return (
-      <View style={styles.centered}>
+      <View testID={e2eTestIds.account.loading} style={styles.centered}>
         <ActivityIndicator size="large" />
       </View>
     );
@@ -51,15 +52,22 @@ function AuthenticatedView({
   const {logout} = useAuth();
 
   return (
-    <SafeAreaView style={styles.container}>
-      <View style={styles.centered}>
+    <SafeAreaView testID={e2eTestIds.account.screen} style={styles.container}>
+      <View testID={e2eTestIds.account.signedInView} style={styles.centered}>
         <Icon name="user" size={60} color="#81b0ff" />
         <Text style={styles.heading}>Signed In</Text>
-        {email && <Text style={styles.email}>{email}</Text>}
+        {email && (
+          <Text testID={e2eTestIds.account.email} style={styles.email}>
+            {email}
+          </Text>
+        )}
         <Text style={styles.description}>
           Your checkout will be pre-filled with your account information.
         </Text>
-        <Pressable style={styles.button} onPress={logout}>
+        <Pressable
+          testID={e2eTestIds.account.signOutButton}
+          style={styles.button}
+          onPress={logout}>
           <Text style={styles.buttonText}>Sign Out</Text>
         </Pressable>
       </View>
@@ -75,8 +83,8 @@ function UnauthenticatedView({
   onSignIn: () => void;
 }) {
   return (
-    <SafeAreaView style={styles.container}>
-      <View style={styles.centered}>
+    <SafeAreaView testID={e2eTestIds.account.screen} style={styles.container}>
+      <View testID={e2eTestIds.account.signedOutView} style={styles.centered}>
         <Icon name="user" size={60} color="#bbc1d6" />
         <Text style={styles.heading}>Sign in to your account</Text>
         <Text style={styles.description}>
@@ -87,7 +95,10 @@ function UnauthenticatedView({
           <Text style={styles.benefitItem}>• Pre-filled shipping details</Text>
           <Text style={styles.benefitItem}>• Order history and tracking</Text>
         </View>
-        <Pressable style={styles.button} onPress={onSignIn}>
+        <Pressable
+          testID={e2eTestIds.account.signInButton}
+          style={styles.button}
+          onPress={onSignIn}>
           <Text style={styles.buttonText}>Sign In</Text>
         </Pressable>
       </View>
diff --git a/platforms/react-native/sample/src/screens/CartScreen.tsx b/platforms/react-native/sample/src/screens/CartScreen.tsx
index cec402c40..66aa9ec20 100644
--- a/platforms/react-native/sample/src/screens/CartScreen.tsx
+++ b/platforms/react-native/sample/src/screens/CartScreen.tsx
@@ -30,6 +30,7 @@ import {
   useShopifyEventHandlers,
   useShopifyProtocolEventHandlers,
 } from '../hooks/useCheckoutEventHandlers';
+import {e2eTestIds} from '../e2e/testIds';
 
 function CartScreen(): React.JSX.Element {
   const ShopifyCheckout = useShopifyCheckout();
@@ -139,7 +140,7 @@ function CartScreen(): React.JSX.Element {
     return (
       <View style={styles.loading}>
         <Icon name="shopping-bag" size={60} color="#bbc1d6" />
-        <Text testID="cart-empty-message" style={styles.loadingText}>
+        <Text testID={e2eTestIds.cart.emptyMessage} style={styles.loadingText}>
           Your cart is empty.
         </Text>
       </View>
@@ -204,7 +205,7 @@ function CartScreen(): React.JSX.Element {
               />
 
               <Pressable
-                testID="checkout-button"
+                testID={e2eTestIds.cart.checkoutButton}
                 style={styles.cartButton}
                 disabled={totalQuantity === 0}
                 onPress={presentCheckout}>
diff --git a/platforms/react-native/sample/src/screens/CatalogScreen.tsx b/platforms/react-native/sample/src/screens/CatalogScreen.tsx
index f2464181a..ce9764fed 100644
--- a/platforms/react-native/sample/src/screens/CatalogScreen.tsx
+++ b/platforms/react-native/sample/src/screens/CatalogScreen.tsx
@@ -19,6 +19,7 @@ import {useCart} from '../context/Cart';
 import type {NativeStackScreenProps} from '@react-navigation/native-stack';
 import type {RootStackParamList} from '../App';
 import {currency} from '../utils';
+import {e2eTestIds} from '../e2e/testIds';
 
 type Props = NativeStackScreenProps<RootStackParamList, 'CatalogScreen'>;
 
@@ -64,7 +65,7 @@ function CatalogScreen({navigation}: Props) {
             <Product
               key={node.id}
               product={node}
-              testID={`product-${index}-grid-item`}
+              testID={e2eTestIds.catalog.productGridItem(index)}
               onPress={() => {
                 navigation.navigate('ProductDetails', {
                   product: node,
diff --git a/platforms/react-native/sample/src/screens/LoginScreen.tsx b/platforms/react-native/sample/src/screens/LoginScreen.tsx
index 3fc34d602..75802d97e 100644
--- a/platforms/react-native/sample/src/screens/LoginScreen.tsx
+++ b/platforms/react-native/sample/src/screens/LoginScreen.tsx
@@ -13,6 +13,7 @@ import {
 } from '../auth/customerAccountManager';
 import type {Colors} from '../context/Theme';
 import {useTheme} from '../context/Theme';
+import {e2eTestIds} from '../e2e/testIds';
 
 type Props = NativeStackScreenProps<AccountStackParamList, 'Login'>;
 
@@ -66,7 +67,7 @@ function LoginScreen({navigation}: Props) {
 
   if (isProcessing) {
     return (
-      <View style={styles.loading}>
+      <View testID={e2eTestIds.account.loginProcessing} style={styles.loading}>
         <ActivityIndicator size="large" />
       </View>
     );
@@ -75,6 +76,7 @@ function LoginScreen({navigation}: Props) {
   return (
     <View style={styles.container}>
       <WebView
+        testID={e2eTestIds.account.loginWebView}
         source={{uri: authorizationURL}}
         onShouldStartLoadWithRequest={handleNavigationRequest}
         originWhitelist={['https://*', `${callbackScheme}://*`]}
diff --git a/platforms/react-native/sample/src/screens/ProductDetailsScreen.tsx b/platforms/react-native/sample/src/screens/ProductDetailsScreen.tsx
index f9d36330e..857e897d0 100644
--- a/platforms/react-native/sample/src/screens/ProductDetailsScreen.tsx
+++ b/platforms/react-native/sample/src/screens/ProductDetailsScreen.tsx
@@ -24,6 +24,7 @@ import {
 } from '@shopify/checkout-kit-react-native';
 import {useConfig} from '../context/Config';
 import {useShopifyEventHandlers} from '../hooks/useCheckoutEventHandlers';
+import {e2eTestIds} from '../e2e/testIds';
 
 type Props = NativeStackScreenProps<RootStackParamList, 'ProductDetails'>;
 
@@ -114,15 +115,14 @@ function ProductDetails({
           )}
 
           <Pressable
+            testID={e2eTestIds.productDetails.addToCartButton}
             disabled={loading}
             style={styles.addToCartButton}
             onPress={() => variant?.id && onAddToCart(variant.id)}>
             {loading ? (
               <ActivityIndicator size="small" color="white" />
             ) : (
-              <Text
-                testID="add-to-cart-button"
-                style={styles.addToCartButtonText}>
+              <Text style={styles.addToCartButtonText}>
                 Add to cart
               </Text>
             )}
diff --git a/platforms/react-native/sample/src/screens/SettingsScreen.tsx b/platforms/react-native/sample/src/screens/SettingsScreen.tsx
index 24d4eba15..c6d6e496b 100644
--- a/platforms/react-native/sample/src/screens/SettingsScreen.tsx
+++ b/platforms/react-native/sample/src/screens/SettingsScreen.tsx
@@ -23,6 +23,7 @@ import {
   BuyerIdentityMode,
   BuyerIdentityModeDisplayNames,
 } from '../auth/types';
+import {e2eTestIds} from '../e2e/testIds';
 
 enum SectionType {
   SingleSelect = 'single-select',
@@ -51,6 +52,7 @@ function isTextItem(item: any): item is TextItem {
 }
 
 interface SectionData {
+  id: string;
   title: string;
   footer?: string;
   data: readonly (SingleSelectItem | TextItem)[];
@@ -188,22 +190,26 @@ function SettingsScreen() {
   const sections: SectionData[] = useMemo(
     () => [
       {
+        id: 'authentication',
         title: 'Authentication',
         footer:
           'Prefills buyer identity at checkout. Changing this setting will clear your cart.',
         data: buyerIdentityOptions,
       },
       {
+        id: 'theme',
         title: 'Theme',
         data: themeOptions,
       },
       {
+        id: 'apple-pay-style',
         title: 'Apple Pay Style',
         footer:
           'Configures the visual style of the Apple Pay button.',
         data: applePayStyleOptions,
       },
       {
+        id: 'versions',
         title: 'Versions',
         data: informationalItems,
       },
@@ -219,6 +225,7 @@ function SettingsScreen() {
   return (
     <SafeAreaView>
       <SectionList
+        testID={e2eTestIds.settings.screen}
         sections={sections}
         keyExtractor={item => item.title}
         renderItem={({item, section}) => {
@@ -232,6 +239,7 @@ function SettingsScreen() {
               <SelectItem
                 item={item}
                 styles={styles}
+                testID={selectItemTestID(section.id, item)}
                 onPress={() => handler(item)}
               />
             );
@@ -243,8 +251,10 @@ function SettingsScreen() {
 
           return null;
         }}
-        renderSectionHeader={({section: {title}}) => (
-          <View style={styles.section}>
+        renderSectionHeader={({section: {id, title}}) => (
+          <View
+            testID={e2eTestIds.settings.section(id)}
+            style={styles.section}>
             <Text style={styles.sectionText}>{title}</Text>
           </View>
         )}
@@ -279,6 +289,7 @@ function SettingsScreen() {
 interface SelectItemProps {
   item: SingleSelectItem;
   styles: ReturnType<typeof createStyles>;
+  testID: string;
   onPress: () => void;
 }
 
@@ -287,9 +298,9 @@ interface TextItemProps {
   styles: ReturnType<typeof createStyles>;
 }
 
-function SelectItem({item, styles, onPress}: SelectItemProps) {
+function SelectItem({item, styles, testID, onPress}: SelectItemProps) {
   return (
-    <Pressable style={styles.listItem} onPress={onPress}>
+    <Pressable style={styles.listItem} testID={testID} onPress={onPress}>
       <Text style={styles.listItemText}>{item.title}</Text>
 
       {item.selected && <Text style={styles.listItemCheck}>✓</Text>}
@@ -306,6 +317,19 @@ function TextItem({item, styles}: TextItemProps) {
   );
 }
 
+function selectItemTestID(sectionId: string, item: SingleSelectItem) {
+  switch (sectionId) {
+    case 'authentication':
+      return e2eTestIds.settings.buyerIdentityOption(String(item.value));
+    case 'theme':
+      return e2eTestIds.settings.themeOption(String(item.value));
+    case 'apple-pay-style':
+      return e2eTestIds.settings.applePayStyleOption(String(item.value));
+    default:
+      return e2eTestIds.settings.section(`${sectionId}-${item.value}`);
+  }
+}
+
 interface BuyerIdentityDetailsProps {
   mode: BuyerIdentityMode;
   isAuthenticated: boolean;
@@ -328,7 +352,9 @@ function BuyerIdentityDetails({
       return null;
     case BuyerIdentityMode.Hardcoded:
       return (
-        <View style={styles.sectionFooter}>
+        <View
+          testID={e2eTestIds.settings.buyerIdentityDetails}
+          style={styles.sectionFooter}>
           <Text style={styles.sectionFooterText}>
             Populates Cart Buyer Identity with values from .env
           </Text>
@@ -337,7 +363,9 @@ function BuyerIdentityDetails({
     case BuyerIdentityMode.CustomerAccount:
       if (authenticated) {
         return (
-          <View style={styles.sectionFooter}>
+          <View
+            testID={e2eTestIds.settings.buyerIdentityDetails}
+            style={styles.sectionFooter}>
             <Text style={[styles.sectionFooterText, styles.warningText]}>
               Changing Buyer Identity will log you out.
             </Text>
@@ -345,7 +373,9 @@ function BuyerIdentityDetails({
               <Text style={styles.sectionFooterText}>
                 User: {email ?? 'Unknown'}
               </Text>
-              <Pressable onPress={() => navigation.navigate('Account' as never)}>
+              <Pressable
+                testID={e2eTestIds.settings.buyerIdentityChangeUserLink}
+                onPress={() => navigation.navigate('Account' as never)}>
                 <Text style={styles.linkText}>Change user</Text>
               </Pressable>
             </View>
@@ -358,8 +388,11 @@ function BuyerIdentityDetails({
         );
       }
       return (
-        <View style={styles.sectionFooter}>
+        <View
+          testID={e2eTestIds.settings.buyerIdentityDetails}
+          style={styles.sectionFooter}>
           <Pressable
+            testID={e2eTestIds.settings.buyerIdentitySignInLink}
             style={styles.detailRow}
             onPress={() => navigation.navigate('Account' as never)}>
             <Text style={styles.sectionFooterText}>Sign in on the</Text>