From b576b15e6e580a6c76251f1e4a080d6af82d8328 Mon Sep 17 00:00:00 2001
From: Sparshagarwal29 <sparshagarwal2909@gmail.com>
Date: Tue, 30 Dec 2025 15:19:47 +0530
Subject: [PATCH] Improve test coverage for CopyableCode component

---
 .../SetupGuide/__tests__/CopyableCode.test.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/frontend/src/components/HomeComponents/SetupGuide/__tests__/CopyableCode.test.tsx b/frontend/src/components/HomeComponents/SetupGuide/__tests__/CopyableCode.test.tsx
index b96a6175..19b6fd78 100644
--- a/frontend/src/components/HomeComponents/SetupGuide/__tests__/CopyableCode.test.tsx
+++ b/frontend/src/components/HomeComponents/SetupGuide/__tests__/CopyableCode.test.tsx
@@ -26,6 +26,24 @@ describe('CopyableCode', () => {
     expect(screen.getByText(sampleText)).toBeInTheDocument();
     expect(screen.getByTestId('copy-icon')).toBeInTheDocument();
   });
+  it('toggles sensitive value visibility and masks the text', () => {
+    const sensitiveText = 'API_KEY 12345';
+
+    render(
+      <CopyableCode
+        text={sensitiveText}
+        copyText={sensitiveText}
+        isSensitive={true}
+      />
+    );
+    expect(screen.getByText(sensitiveText)).toBeInTheDocument();
+    expect(screen.getByTestId('eye-off-icon')).toBeInTheDocument();
+    fireEvent.click(
+      screen.getByRole('button', { name: /hide sensitive value/i })
+    );
+    expect(screen.getByText('API_KEY •••••')).toBeInTheDocument();
+    expect(screen.getByTestId('eye-icon')).toBeInTheDocument();
+  });
 
   it('copies text to clipboard and shows toast message', async () => {
     render(<CopyableCode text={sampleText} copyText={sampleCopyText} />);