fix: failing test with masking secret key

src/app/features/secret-key-displayer/secret-key-displayer.layout.tsx

@@ -44,8 +44,9 @@ export function SecretKeyDisplayerLayout(props: SecretKeyDisplayerLayoutProps) {
         </Stack>
         <Stack alignItems="center" isInline>
           <Link
-            fontSize="14px"
             _hover={{ textDecoration: 'none' }}
+            data-testid={SettingsSelectors.ShowSecretKeyBtn}
+            fontSize="14px"
             onClick={() => setShowSecretKey(!showSecretKey)}
           >
             <Stack alignItems="center" isInline spacing="tight">

tests-legacy/integration/settings.selectors.ts

@@ -18,4 +18,5 @@ export enum SettingsSelectors {
   EnterPasswordInput = 'password-input',
   UnlockWalletBtn = 'unlock-wallet-btn',
   BtnAddNetwork = 'btn-add-network',
+  ShowSecretKeyBtn = 'show-secret-key-btn',
 }

tests-legacy/page-objects/wallet.page.ts

@@ -26,6 +26,7 @@ export class WalletPage {
   $analyticsDenyButton = createTestSelector(OnboardingSelectors.DenyAnalyticsBtn);
   $homePageContainer = createTestSelector(HomePageSelectors.HomePageContainer);
   $secretKey = createTestSelector(OnboardingSelectors.SecretKey);
+  $showSecretKey = createTestSelector(SettingsSelectors.ShowSecretKeyBtn);
   $buttonSignInKeyContinue = createTestSelector(OnboardingSelectors.SignInBtn);
   setPasswordDone = createTestSelector(OnboardingSelectors.SetPasswordBtn);
   $passwordInput = createTestSelector(SettingsSelectors.EnterPasswordInput);
@@ -155,6 +156,7 @@ export class WalletPage {
 
   async getSecretKey() {
     await this.page.waitForSelector(this.$secretKey);
+    await this.page.locator(this.$showSecretKey).click();
     const secretKeyWords = await this.page.locator(this.$secretKey).allInnerTexts();
     return secretKeyWords.join(' ');
   }