From 4f14eee61e9b930eeb5b3b8889079952ce9040f0 Mon Sep 17 00:00:00 2001
From: shervinchen <shervinchen@gmail.com>
Date: Fri, 3 May 2024 23:39:28 +0300
Subject: [PATCH] test(Input): add missing test

---
 packages/Input/InputElement.tsx         | 18 ++++++++++++++++--
 packages/Input/__tests__/Input.test.tsx | 13 +++++++++++++
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/packages/Input/InputElement.tsx b/packages/Input/InputElement.tsx
index 756d68e..2f1e743 100644
--- a/packages/Input/InputElement.tsx
+++ b/packages/Input/InputElement.tsx
@@ -56,7 +56,14 @@ const InputLeftElement: FC<Omit<InputElementProps, 'placement'>> = ({
 }) => {
   const classes = classNames('raw-input-left-element', className);
 
-  return <InputElement className={classes} placement="left" {...resetProps} />;
+  return (
+    <InputElement
+      data-testid="inputLeftElement"
+      className={classes}
+      placement="left"
+      {...resetProps}
+    />
+  );
 };
 
 const InputRightElement: FC<Omit<InputElementProps, 'placement'>> = ({
@@ -65,7 +72,14 @@ const InputRightElement: FC<Omit<InputElementProps, 'placement'>> = ({
 }) => {
   const classes = classNames('raw-input-right-element', className);
 
-  return <InputElement className={classes} placement="right" {...resetProps} />;
+  return (
+    <InputElement
+      data-testid="inputRightElement"
+      className={classes}
+      placement="right"
+      {...resetProps}
+    />
+  );
 };
 
 export { InputLeftElement, InputRightElement };
diff --git a/packages/Input/__tests__/Input.test.tsx b/packages/Input/__tests__/Input.test.tsx
index b8ddd52..86c685f 100644
--- a/packages/Input/__tests__/Input.test.tsx
+++ b/packages/Input/__tests__/Input.test.tsx
@@ -157,6 +157,19 @@ describe('Input', () => {
     expect(screen.getByText('.0')).toBeInTheDocument();
   });
 
+  test('should inside element support clickable style', () => {
+    render(
+      <Input.Group>
+        <Input.LeftElement clickable>$</Input.LeftElement>
+        <Input placeholder="Enter amount" />
+        <Input.RightElement>.0</Input.RightElement>
+      </Input.Group>
+    );
+    const leftElement = screen.getByTestId('inputLeftElement');
+    expect(getComputedStyle(leftElement).pointerEvents).toBe('auto');
+    expect(getComputedStyle(leftElement).cursor).toBe('pointer');
+  });
+
   test('should support addon element', () => {
     render(
       <Input.Group>