fix(Input): style bug (#35)

* fix(Input): style bug

* change className and add testing

---------

Co-authored-by: Ali <[email protected]>

Author: Ali-ovo

src/TextArea.tsx

@@ -194,7 +194,10 @@ const TextArea = React.forwardRef<TextAreaRef, TextAreaProps>(
         suffix={suffix}
         prefixCls={prefixCls}
         classes={{
-          affixWrapper: classes?.affixWrapper,
+          affixWrapper: classNames(
+            classes?.affixWrapper,
+            allowClear ? `${prefixCls}-textarea-allow-clear` : '',
+          ),
         }}
         disabled={disabled}
         focused={focused}

tests/__snapshots__/allowClear.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`should support allowClear should not show icon if defaultValue is undefined, null or empty string 1`] = `
 <span
-  class="rc-textarea-affix-wrapper"
+  class="rc-textarea-affix-wrapper rc-textarea-textarea-allow-clear"
 >
   <textarea
     class="rc-textarea"
@@ -23,7 +23,7 @@ exports[`should support allowClear should not show icon if defaultValue is undef
 
 exports[`should support allowClear should not show icon if defaultValue is undefined, null or empty string 2`] = `
 <span
-  class="rc-textarea-affix-wrapper"
+  class="rc-textarea-affix-wrapper rc-textarea-textarea-allow-clear"
 >
   <textarea
     class="rc-textarea"
@@ -44,7 +44,7 @@ exports[`should support allowClear should not show icon if defaultValue is undef
 
 exports[`should support allowClear should not show icon if defaultValue is undefined, null or empty string 3`] = `
 <span
-  class="rc-textarea-affix-wrapper"
+  class="rc-textarea-affix-wrapper rc-textarea-textarea-allow-clear"
 >
   <textarea
     class="rc-textarea"
@@ -65,7 +65,7 @@ exports[`should support allowClear should not show icon if defaultValue is undef
 
 exports[`should support allowClear should not show icon if value is undefined, null or empty string 1`] = `
 <span
-  class="rc-textarea-affix-wrapper"
+  class="rc-textarea-affix-wrapper rc-textarea-textarea-allow-clear"
 >
   <textarea
     class="rc-textarea"
@@ -86,7 +86,7 @@ exports[`should support allowClear should not show icon if value is undefined, n
 
 exports[`should support allowClear should not show icon if value is undefined, null or empty string 2`] = `
 <span
-  class="rc-textarea-affix-wrapper"
+  class="rc-textarea-affix-wrapper rc-textarea-textarea-allow-clear"
 >
   <textarea
     class="rc-textarea"
@@ -107,7 +107,7 @@ exports[`should support allowClear should not show icon if value is undefined, n
 
 exports[`should support allowClear should not show icon if value is undefined, null or empty string 3`] = `
 <span
-  class="rc-textarea-affix-wrapper"
+  class="rc-textarea-affix-wrapper rc-textarea-textarea-allow-clear"
 >
   <textarea
     class="rc-textarea"

tests/allowClear.test.tsx

@@ -105,3 +105,17 @@ describe('should support allowClear', () => {
     ).toBeTruthy();
   });
 });
+
+it('should show clear className', () => {
+  const { container } = render(<TextArea allowClear />);
+  expect(
+    container.querySelector('.rc-textarea-textarea-allow-clear'),
+  ).toBeTruthy();
+});
+
+it('should not textarea clear className', () => {
+  const { container } = render(<TextArea />);
+  expect(
+    container.querySelector('.rc-textarea-textarea-allow-clear'),
+  ).toBeFalsy();
+});