fix(e2e): migrate all hardcoded testID strings to TestIds enum

.maestro/flows/auth/login-flow.yaml

@@ -1,3 +1,5 @@
+appId: com.andrewbierman.packrat
+---
 # Login Flow: Navigate to auth screen and sign in with email and password
 - launchApp
 

.maestro/flows/auth/logout-flow.yaml

@@ -1,3 +1,5 @@
+appId: com.andrewbierman.packrat
+---
 # Logout Flow: Navigate to profile and sign out
 - waitForAnimationToEnd
 

.maestro/flows/catalog/catalog-browse-flow.yaml

@@ -1,3 +1,5 @@
+appId: com.andrewbierman.packrat
+---
 # Catalog Browse Flow: Verify catalog tab loads items and categories
 - waitForAnimationToEnd
 

.maestro/flows/catalog/catalog-item-detail-flow.yaml

@@ -1,3 +1,5 @@
+appId: com.andrewbierman.packrat
+---
 # Catalog Item Detail Flow: Tap a catalog item and verify detail page
 - waitForAnimationToEnd
 

.maestro/flows/dashboard/dashboard-tiles-flow.yaml

@@ -1,3 +1,5 @@
+appId: com.andrewbierman.packrat
+---
 # Dashboard Tiles Flow: Verify dashboard loads with key tiles
 - waitForAnimationToEnd
 

.maestro/flows/negative/empty-pack-submit-flow.yaml

@@ -1,3 +1,5 @@
+appId: com.andrewbierman.packrat
+---
 # Empty Pack Submit Flow: Verify form validation prevents empty pack creation
 - waitForAnimationToEnd
 

.maestro/flows/negative/empty-trip-submit-flow.yaml

@@ -1,3 +1,5 @@
+appId: com.andrewbierman.packrat
+---
 # Empty Trip Submit Flow: Verify form validation prevents empty trip creation
 - waitForAnimationToEnd
 

.maestro/flows/packs/add-item-actions-flow.yaml

@@ -1,3 +1,5 @@
+appId: com.andrewbierman.packrat
+---
 # Add Item Actions Flow: Verify the add-item bottom sheet options
 - waitForAnimationToEnd
 

.maestro/flows/packs/create-pack-flow.yaml

@@ -1,3 +1,5 @@
+appId: com.andrewbierman.packrat
+---
 # Create Pack Flow: Navigate to packs tab and create a new pack
 - waitForAnimationToEnd
 

.maestro/flows/packs/pack-detail-flow.yaml

@@ -1,3 +1,5 @@
+appId: com.andrewbierman.packrat
+---
 # Pack Detail Flow: Navigate to a pack and verify detail screen elements
 - waitForAnimationToEnd
 

.maestro/flows/profile/profile-view-flow.yaml

@@ -1,3 +1,5 @@
+appId: com.andrewbierman.packrat
+---
 # Profile View Flow: Navigate to profile and verify account info
 - waitForAnimationToEnd
 

.maestro/flows/setup/clear-state.yaml

@@ -1,3 +1,5 @@
+appId: com.andrewbierman.packrat
+---
 # Clear app state before running tests to ensure a clean environment
 - launchApp:
     clearState: true

.maestro/flows/trips/create-trip-flow.yaml

@@ -1,3 +1,5 @@
+appId: com.andrewbierman.packrat
+---
 # Create Trip Flow: Navigate to trips tab and create a new trip
 - waitForAnimationToEnd
 

.maestro/flows/trips/trip-detail-flow.yaml

@@ -1,3 +1,5 @@
+appId: com.andrewbierman.packrat
+---
 # Trip Detail Flow: Navigate to a trip and verify detail screen
 - waitForAnimationToEnd
 

apps/expo/app/(app)/(tabs)/profile/index.tsx

@@ -25,6 +25,7 @@ import { useUpdateProfile } from 'expo-app/features/profile/hooks/useUpdateProfi
 import { cn } from 'expo-app/lib/cn';
 import { hasUnsyncedChanges } from 'expo-app/lib/hasUnsyncedChanges';
 import { useTranslation } from 'expo-app/lib/hooks/useTranslation';
+import { TestIds } from 'expo-app/lib/testIds';
 import { buildPackTemplateItemImageUrl } from 'expo-app/lib/utils/buildPackTemplateItemImageUrl';
 import * as FileSystem from 'expo-file-system';
 import { router, Stack } from 'expo-router';
@@ -240,7 +241,7 @@ function ListFooterComponent() {
   return (
     <View className="ios:px-0 px-4 pt-8">
       <Button
-        testID="sign-out-button"
+        testID={TestIds.SignOutButton}
         disabled={isSigningOut}
         onPress={() => {
           if (hasUnsyncedChanges()) {

apps/expo/features/catalog/screens/CatalogItemDetailScreen.tsx

@@ -8,6 +8,7 @@ import { ItemReviews } from 'expo-app/features/catalog/components/ItemReviews';
 import { SimilarItems } from 'expo-app/features/catalog/components/SimilarItems';
 import { useColorScheme } from 'expo-app/lib/hooks/useColorScheme';
 import { useTranslation } from 'expo-app/lib/hooks/useTranslation';
+import { TestIds } from 'expo-app/lib/testIds';
 import { decodeHtmlEntities } from 'expo-app/lib/utils/decodeHtmlEntities';
 import { ErrorScreen } from 'expo-app/screens/ErrorScreen';
 import { LoadingSpinnerScreen } from 'expo-app/screens/LoadingSpinnerScreen';
@@ -186,13 +187,13 @@ export function CatalogItemDetailScreen() {
 
           <View className="mb-4 gap-2 flex-row justify-between">
             <View>
-              <Button testID="add-to-pack-button" onPress={handleAddToPack}>
+              <Button testID={TestIds.AddToPackButton} onPress={handleAddToPack}>
                 <Text>{t('catalog.addToPack')}</Text>
               </Button>
             </View>
             <View>
               <Button
-                testID="view-retailer-button"
+                testID={TestIds.ViewRetailerButton}
                 variant="secondary"
                 onPress={() => Linking.openURL(item.productUrl as string)}
               >

apps/expo/features/packs/components/AddPackItemActions.tsx

@@ -7,6 +7,7 @@ import { isAuthed } from 'expo-app/features/auth/store';
 import { CatalogBrowserModal } from 'expo-app/features/catalog/components';
 import type { CatalogItem, CatalogItemWithPackItemFields } from 'expo-app/features/catalog/types';
 import { useTranslation } from 'expo-app/lib/hooks/useTranslation';
+import { TestIds } from 'expo-app/lib/testIds';
 import { router } from 'expo-router';
 import React from 'react';
 import { TouchableOpacity, View } from 'react-native';
@@ -120,7 +121,7 @@ export default React.forwardRef<BottomSheetModal, AddPackItemActionsProps>(
           <BottomSheetView className="flex-1 px-4" style={{ flex: 1 }}>
             <View className="gap-2 mb-4">
               <TouchableOpacity
-                testID="add-manually-option"
+                testID={TestIds.AddManuallyOption}
                 className="flex-row gap-2 items-center rounded-lg border border-border bg-card p-4"
                 onPress={() => {
                   ref && typeof ref !== 'function' && ref.current?.close();
@@ -137,7 +138,7 @@ export default React.forwardRef<BottomSheetModal, AddPackItemActionsProps>(
                 </View>
               </TouchableOpacity>
               <TouchableOpacity
-                testID="scan-from-photo-option"
+                testID={TestIds.ScanFromPhotoOption}
                 className="flex-row gap-2 items-center rounded-lg border border-border bg-card p-4"
                 onPress={handleAddFromPhoto}
               >
@@ -148,7 +149,7 @@ export default React.forwardRef<BottomSheetModal, AddPackItemActionsProps>(
                 </View>
               </TouchableOpacity>
               <TouchableOpacity
-                testID="add-from-catalog-option"
+                testID={TestIds.AddFromCatalogOption}
                 className="flex-row gap-2 items-center rounded-lg border border-border bg-card p-4"
                 onPress={handleAddFromCatalog}
               >

apps/expo/features/packs/screens/PackDetailScreen.tsx

@@ -14,6 +14,7 @@ import { cn } from 'expo-app/lib/cn';
 import { useBottomSheetAction } from 'expo-app/lib/hooks/useBottomSheetAction';
 import { useColorScheme } from 'expo-app/lib/hooks/useColorScheme';
 import { useTranslation } from 'expo-app/lib/hooks/useTranslation';
+import { TestIds } from 'expo-app/lib/testIds';
 import { useLocalSearchParams, useRouter } from 'expo-router';
 import { useMemo, useState } from 'react';
 import { Image, ScrollView, TouchableOpacity, View } from 'react-native';
@@ -450,13 +451,13 @@ export function PackDetailScreen() {
               variant="secondary"
               onPress={handleAskAI}
               className="flex-1"
-              testID="ask-ai-button"
+              testID={TestIds.AskAIButton}
             >
               <Text>Ask AI</Text>
             </Button>
 
             {isOwnedByUser && (
-              <Button variant="secondary" onPress={handleAddItem} testID="add-item-button">
+              <Button variant="secondary" onPress={handleAddItem} testID={TestIds.AddItemButton}>
                 <Text>Add Item</Text>
               </Button>
             )}
@@ -466,7 +467,7 @@ export function PackDetailScreen() {
                 variant="secondary"
                 size="icon"
                 onPress={handleMoreActionsPress}
-                testID="pack-more-actions"
+                testID={TestIds.PackMoreActions}
               >
                 <Icon name="dots-horizontal" size={20} color={colors.grey2} />
               </Button>