chore(authenticator): added missing widget keys (#4171)

Author: Equartey

packages/authenticator/amplify_authenticator/example/integration_test/sign_in_force_new_password_test.dart

@@ -58,10 +58,7 @@ void main() {
           ]),
         );
 
-        // When I select my country code with status "FORCE_CHANGE_PASSWORD"
-        await po.selectCountryCode();
-
-        // And I type my "phone number" with status "FORCE_CHANGE_PASSWORD"
+        // When I type my "phone number" with status "FORCE_CHANGE_PASSWORD"
         await po.enterUsername(phoneNumber.withOutCountryCode());
 
         // And I type my password
@@ -95,10 +92,7 @@ void main() {
           ]),
         );
 
-        // When I select my country code with status "FORCE_CHANGE_PASSWORD"
-        await po.selectCountryCode();
-
-        // And I type my "phone number" with status "FORCE_CHANGE_PASSWORD"
+        // When I type my "phone number" with status "FORCE_CHANGE_PASSWORD"
         await po.enterUsername(phoneNumber.withOutCountryCode());
 
         // And I type my password
@@ -148,10 +142,7 @@ void main() {
           ]),
         );
 
-        // When I select my country code with status "FORCE_CHANGE_PASSWORD"
-        await po.selectCountryCode();
-
-        // And I type my "phone number" with status "FORCE_CHANGE_PASSWORD"
+        // When I type my "phone number" with status "FORCE_CHANGE_PASSWORD"
         await po.enterUsername(phoneNumber.withOutCountryCode());
 
         // And I type my password

packages/authenticator/amplify_authenticator/example/integration_test/sign_in_mfa_sms_test.dart

@@ -58,10 +58,7 @@ void main() {
 
       signInPage.expectUsername(label: 'Phone Number');
 
-      // When I select my country code
-      await signInPage.selectCountryCode();
-
-      // And I type my "phone number" with status "CONFIRMED"
+      // When I type my "phone number" with status "CONFIRMED"
       await signInPage.enterUsername(phoneNumber.withOutCountryCode());
 
       // And I type my password
@@ -95,10 +92,7 @@ void main() {
 
       signInPage.expectUsername(label: 'Phone Number');
 
-      // When I select my country code
-      await signInPage.selectCountryCode();
-
-      // And I type my "phone number" with status "CONFIRMED"
+      // When I type my "phone number" with status "CONFIRMED"
       await signInPage.enterUsername(phoneNumber.withOutCountryCode());
 
       // And I type my password
@@ -134,10 +128,7 @@ void main() {
 
       signInPage.expectUsername(label: 'Phone Number');
 
-      // When I select my country code
-      await signInPage.selectCountryCode();
-
-      // And I type my "phone number" with status "CONFIRMED"
+      // When I type my "phone number" with status "CONFIRMED"
       await signInPage.enterUsername(phoneNumber.withOutCountryCode());
 
       // And I type my password
@@ -174,10 +165,7 @@ void main() {
 
       final signInPage = SignInPage(tester: tester);
 
-      // When I select my country code
-      await signInPage.selectCountryCode();
-
-      // And I type my "phone number" with status "UNKNOWN"
+      // When I type my "phone number" with status "UNKNOWN"
       await signInPage.enterUsername(phoneNumber.withOutCountryCode());
 
       // And I type my password

packages/authenticator/amplify_authenticator/example/integration_test/sign_in_with_phone_test.dart

@@ -43,10 +43,7 @@ void main() {
 
       final signInPage = SignInPage(tester: tester);
 
-      // When I select my country code
-      await signInPage.selectCountryCode();
-
-      // And I type my "phone number" with status "UNKNOWN"
+      // When I type my "phone number" with status "UNKNOWN"
       await signInPage.enterUsername(phoneNumber.withOutCountryCode());
 
       // And I type my password
@@ -92,9 +89,6 @@ void main() {
 
       signInPage.expectUsername(label: 'Phone Number');
 
-      // When I select my country code
-      await signInPage.selectCountryCode();
-
       // When I type my "username" with status "unconfirmed"
       await signInPage.enterUsername(phoneNumber.withOutCountryCode());
 

packages/authenticator/amplify_authenticator/example/integration_test/sign_up_with_phone_test.dart

@@ -96,8 +96,7 @@ void main() {
       final password = generatePassword();
       final email = generateEmail();
 
-      // When I select my country code
-      await signUpPage.selectCountryCode();
+      // When I enter my phone number
       await signUpPage.enterUsername(phoneNumber.withOutCountryCode());
 
       // And I type my password

packages/authenticator/amplify_authenticator/lib/src/mixins/authenticator_phone_field.dart

@@ -68,6 +68,7 @@ mixin AuthenticatorPhoneFieldMixin<FieldType extends Enum,
       child: SearchAnchor(
         // Always use full screen at small break point. Otherwise use default
         // behavior.
+        key: keySelectCountryCode,
         isFullScreen: Breakpoint.of(context) == Breakpoint.small ? true : null,
         viewHintText: _dialCodeResolver.resolve(
           context,
@@ -93,6 +94,17 @@ mixin AuthenticatorPhoneFieldMixin<FieldType extends Enum,
           minWidth: 360,
           maxHeight: 300,
         ),
+        // Custom suggestion list widget. This displays the output of `suggestionsBuilder`
+        viewBuilder: (suggestions) {
+          return ListView.builder(
+            key: keyCountryDialog,
+            itemCount: suggestions.length,
+            itemBuilder: (BuildContext context, int index) {
+              return suggestions.elementAt(index);
+            },
+          );
+        },
+        // Custom suggestion item widgets
         suggestionsBuilder: ((context, SearchController controller) {
           final textStyle = Theme.of(context).listTileTheme.titleTextStyle ??
               const TextStyle(fontSize: 15);

packages/authenticator/amplify_authenticator_test/lib/src/pages/authenticator_page.dart

@@ -126,13 +126,17 @@ abstract class AuthenticatorPage {
     await tester.tap(countrySelectField);
     await tester.pumpAndSettle();
     expect(countrySelectDialog, findsOneWidget);
-    expect(countrySearchField, findsOneWidget);
-    await tester.enterText(countrySearchField, countryName);
-    await tester.pumpAndSettle();
     final dialCode = find.descendant(
       of: find.byKey(keyCountryDialog),
-      matching: find.textContaining('($countryCode)'),
+      matching: find.textContaining(countryCode),
+    );
+    await tester.dragUntilVisible(
+      dialCode,
+      countrySelectDialog,
+      const Offset(0, -250),
+      maxIteration: 100, // delta to move
     );
+    await tester.pumpAndSettle();
     expect(dialCode, findsOneWidget);
     await tester.tap(dialCode);
   }