fix: missing maxLength (#51)

* fix: missing maxLength * test: update snapshot
react-component · Nov 9, 2023 · e364621 · e364621
1 parent 8242173
commit e364621
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 9 deletions.
diff --git a/src/TextArea.tsx b/src/TextArea.tsx
@@ -235,6 +235,7 @@ const TextArea = React.forwardRef<TextAreaRef, TextAreaProps>(
         inputElement={
           <ResizableTextArea
             {...rest}
+            maxLength={maxLength}
             onKeyDown={handleKeyDown}
             onChange={onInternalChange}
             onFocus={handleFocus}

diff --git a/tests/__snapshots__/index.spec.tsx.snap b/tests/__snapshots__/index.spec.tsx.snap
@@ -39,5 +39,6 @@ exports[`TextArea should support disabled 1`] = `
 exports[`TextArea should support maxLength 1`] = `
 <textarea
   class="rc-textarea"
+  maxlength="10"
 />
 `;
diff --git a/tests/count.test.tsx b/tests/count.test.tsx
@@ -9,9 +9,9 @@ describe('TextArea.Count', () => {
     const { container } = render(
       <TextArea count={{ show: true }} value="👨‍👩‍👧‍👦" />,
     );
-    expect(
-      container.querySelector('.rc-textarea-suffix')?.textContent,
-    ).toEqual('11');
+    expect(container.querySelector('.rc-textarea-suffix')?.textContent).toEqual(
+      '11',
+    );
   });
 
   it('strategy', () => {
@@ -21,9 +21,9 @@ describe('TextArea.Count', () => {
         value="👨‍👩‍👧‍👦"
       />,
     );
-    expect(
-      container.querySelector('.rc-textarea-suffix')?.textContent,
-    ).toEqual('1');
+    expect(container.querySelector('.rc-textarea-suffix')?.textContent).toEqual(
+      '1',
+    );
   });
 
   it('exceed style', () => {
@@ -44,9 +44,9 @@ describe('TextArea.Count', () => {
         maxLength={5}
       />,
     );
-    expect(
-      container.querySelector('.rc-textarea-suffix')?.textContent,
-    ).toEqual('👨‍👩‍👧‍👦_11_5');
+    expect(container.querySelector('.rc-textarea-suffix')?.textContent).toEqual(
+      '👨‍👩‍👧‍👦_11_5',
+    );
   });
 
   it('exceedFormatter', () => {
@@ -139,4 +139,12 @@ describe('TextArea.Count', () => {
       expect(container.querySelector('.rc-textarea-out-of-range')).toBeTruthy();
     });
   });
+
+  it('native maxLength', () => {
+    const { container } = render(<TextArea maxLength={33} />);
+
+    expect(
+      container.querySelector('textarea')?.getAttribute('maxlength'),
+    ).toEqual('33');
+  });
 });