@bitrise/bitkit 10.22.0 → 10.22.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "10.22.0",
+  "version": "10.22.1",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "src/index.ts",
   "license": "UNLICENSED",

package/src/Components/Form/Textarea/Textarea.test.tsx

@@ -0,0 +1,35 @@
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { useForm } from 'react-hook-form';
+import Textarea from './Textarea';
+
+describe('Textarea', () => {
+  it('forwards data-testid', async () => {
+    render(<Textarea data-testid="testid" />);
+    const elem = await screen.findByTestId('testid');
+    expect(elem.tagName).toBe('TEXTAREA');
+    expect(elem).toBeInTheDocument();
+  });
+  describe('react-hook-form support', () => {
+    it('sends data when submitted', async () => {
+      const handler = jest.fn();
+      const TestComponent = () => {
+        const { register, handleSubmit } = useForm();
+        return (
+          <form onSubmit={handleSubmit((data) => handler(data))}>
+            <Textarea {...register('textarea')} />
+            <button type="submit">Send</button>
+          </form>
+        );
+      };
+      render(<TestComponent />);
+      const submit = await screen.findByRole('button', { name: 'Send' });
+      const textarea = await screen.findByRole('textbox');
+      await userEvent.type(textarea, 'test');
+      await userEvent.click(submit);
+
+      expect(handler).toHaveBeenCalledWith({ textarea: 'test' });
+      expect(handler).toHaveBeenCalledTimes(1);
+    });
+  });
+});

package/src/Components/Form/Textarea/Textarea.tsx

@@ -10,13 +10,15 @@ import {
   forwardRef,
 } from '@chakra-ui/react';
 
-export interface TextareaProps extends Omit<FormControlProps, 'label' | 'onChange'> {
-  dataTestid?: string;
+export interface TextareaProps extends Omit<FormControlProps, 'label' | 'onChange' | 'onBlur'> {
+  'data-testid'?: string;
   errorText?: string;
   isLoading?: boolean;
   helpherText?: string;
   label?: ReactNode;
+  name?: string;
   onChange?: ChakraTextareaProps['onChange'];
+  onBlur?: ChakraTextareaProps['onBlur'];
   value?: ChakraTextareaProps['value'];
 }
 
@@ -25,7 +27,7 @@ export interface TextareaProps extends Omit<FormControlProps, 'label' | 'onChang
  */
 const Textarea = forwardRef<TextareaProps, 'div'>((props, ref) => {
   const {
-    dataTestid,
+    'data-testid': dataTestid,
     errorText,
     helpherText,
     isDisabled,
@@ -34,12 +36,16 @@ const Textarea = forwardRef<TextareaProps, 'div'>((props, ref) => {
     label,
     placeholder,
     onChange,
+    onBlur,
+    name,
     value,
     ...rest
   } = props;
   const textareaProps = {
-    dataTestid,
+    'data-testid': dataTestid,
     onChange,
+    onBlur,
+    name,
     placeholder,
     value,
   };