add keys to passkeys

deriv-com · Jul 5, 2024 · ae036f0 · ae036f0
1 parent 4156407
commit ae036f0
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/packages/deriv_passkeys/lib/src/presentation/pages/effortless_passkeys_login_page.dart b/packages/deriv_passkeys/lib/src/presentation/pages/effortless_passkeys_login_page.dart
@@ -91,6 +91,8 @@ class EffortlessPasskeysPage extends StatelessWidget
                                   child: Padding(
                                     padding: const EdgeInsets.all(16),
                                     child: TextButton(
+                                      key: const ValueKey<String>(
+                                          'passkey_login_maybe_later'),
                                       onPressed: () {
                                         trackMaybeLater();
                                         onPageClosed(context);
@@ -121,6 +123,8 @@ class EffortlessPasskeysPage extends StatelessWidget
                                         Text(
                                           context.derivPasskeysLocalizations
                                               .effortlessLoginWithPasskeys,
+                                          key: const ValueKey<String>(
+                                              'passkey_login_effortless_login'),
                                           style: const TextStyle(fontSize: 20),
                                         ),
                                         const SizedBox(
@@ -131,6 +135,8 @@ class EffortlessPasskeysPage extends StatelessWidget
                                           text: context
                                               .derivPasskeysLocalizations
                                               .noNeedToRememberPassword,
+                                          textKey: const ValueKey<String>(
+                                              'passkey_login_no_need'),
                                         ),
                                         Divider(
                                           color: context.theme.colors.hover,
@@ -140,6 +146,8 @@ class EffortlessPasskeysPage extends StatelessWidget
                                           text: context
                                               .derivPasskeysLocalizations
                                               .syncAcrossDevices,
+                                          textKey: const ValueKey<String>(
+                                              'passkey_login_sync'),
                                         ),
                                         Divider(
                                           color: context.theme.colors.hover,
@@ -149,6 +157,8 @@ class EffortlessPasskeysPage extends StatelessWidget
                                           text: context
                                               .derivPasskeysLocalizations
                                               .useYourBiometrics,
+                                          textKey: const ValueKey<String>(
+                                              'passkey_login_biometrics'),
                                         ),
                                         Divider(
                                           color: context.theme.colors.hover,
@@ -202,6 +212,9 @@ class EffortlessPasskeysPage extends StatelessWidget
                                                       style: TextStyle(
                                                           color: context.theme
                                                               .colors.coral),
+                                                      key: const ValueKey<
+                                                              String>(
+                                                          'passkey_login_here_rich_text'),
                                                     ),
                                                   ),
                                                 ),
@@ -218,6 +231,8 @@ class EffortlessPasskeysPage extends StatelessWidget
                                   child: Padding(
                                     padding: const EdgeInsets.all(16),
                                     child: PrimaryButton(
+                                      key: const ValueKey<String>(
+                                          'passkey_login_create_button'),
                                       onPressed: () {
                                         trackCreatePasskey();
                                         context.read<DerivPasskeysBloc>().add(

diff --git a/packages/deriv_passkeys/lib/src/presentation/widgets/icon_text_row_widget.dart b/packages/deriv_passkeys/lib/src/presentation/widgets/icon_text_row_widget.dart
@@ -7,6 +7,7 @@ class IconTextRowWidget extends StatelessWidget {
   const IconTextRowWidget({
     required this.assetName,
     required this.text,
+    this.textKey,
   });
 
   /// The name of the asset to display.
@@ -15,6 +16,9 @@ class IconTextRowWidget extends StatelessWidget {
   /// The text to display.
   final String text;
 
+  /// Key for text value
+  final Key? textKey;
+
   @override
   Widget build(BuildContext context) => Row(
         children: <Widget>[
@@ -23,7 +27,7 @@ class IconTextRowWidget extends StatelessWidget {
             package: 'deriv_passkeys',
           ),
           const SizedBox(width: 8),
-          Expanded(child: Text(text)),
+          Expanded(child: Text(text, key: textKey)),
         ],
       );
 }