From 95370955e56dde90b179f2c66ae3ec51ebf308f5 Mon Sep 17 00:00:00 2001
From: Martynas Kazlauskas <martynas@firmfirm.co>
Date: Mon, 12 Aug 2024 13:23:52 +0300
Subject: [PATCH] feat: state-based test id for password toggle

*-hide-icon when password is visible
*-show-icon when password is hidden
---
 .../uncontrolled-password-box-input.component.tsx          | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/design-system/password-box/uncontrolled-password-box-input.component.tsx b/src/design-system/password-box/uncontrolled-password-box-input.component.tsx
index 7dbda7f..071e721 100644
--- a/src/design-system/password-box/uncontrolled-password-box-input.component.tsx
+++ b/src/design-system/password-box/uncontrolled-password-box-input.component.tsx
@@ -82,7 +82,12 @@ export const UncontrolledPasswordInput = ({
             {label}
           </Form.Label>
           <PasswordInputButton
-            testId={testId && `${testId}-toggle`}
+            testId={
+              testId &&
+              (isPasswordVisible
+                ? `${testId}-hide-icon`
+                : `${testId}-show-icon`)
+            }
             onClick={(event): void => {
               event.preventDefault();
               setIsPasswordVisible(!isPasswordVisible);