Stabilize frontend E2E auth tab selector

Author: Kevin-Li-2025

AccessCity.App/app/index.tsx

@@ -182,12 +182,14 @@ export default function AuthScreen() {
                 <>
                   <View style={styles.tabContainer}>
                     <Pressable
+                      testID="index-auth-login-tab"
                       style={[styles.tab, !isSignup && styles.tabActive]}
                       onPress={() => setIsSignup(false)}
                     >
                       <Text style={[styles.tabText, !isSignup && styles.tabTextActive]}>Log In</Text>
                     </Pressable>
                     <Pressable
+                      testID="index-auth-signup-tab"
                       style={[styles.tab, isSignup && styles.tabActive]}
                       onPress={() => setIsSignup(true)}
                     >

AccessCity.App/e2e/app.spec.ts

@@ -144,7 +144,7 @@ test.describe('AccessCity web (Expo)', () => {
 
   test('can switch to Sign Up tab and see full name field', async ({ page }) => {
     await page.goto('/');
-    await page.getByText('Sign Up', { exact: true }).click();
+    await page.getByTestId('index-auth-signup-tab').click();
     await expect(page.getByPlaceholder('Full Name')).toBeVisible({ timeout: 15_000 });
   });