Pass title prop to input (react-component#218)

* Type for the title prop

react-component#104

* Pass title prop

react-component#104

* Test title prop

react-component#104

* Remove trailing spaces

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

Author: xinpingwang

src/index.d.ts

@@ -7,6 +7,7 @@ export interface Props {
   name?: string;
   id?: string;
   type?: string;
+  title?: string;
   defaultChecked?: number | boolean;
   checked?: number | boolean;
   disabled?: boolean;

src/index.jsx

@@ -8,6 +8,7 @@ class Checkbox extends Component {
     className: '',
     style: {},
     type: 'checkbox',
+    title: '',
     defaultChecked: false,
     onFocus() {},
     onBlur() {},
@@ -84,6 +85,7 @@ class Checkbox extends Component {
       name,
       id,
       type,
+      title,
       disabled,
       readOnly,
       tabIndex,
@@ -119,6 +121,7 @@ class Checkbox extends Component {
           name={name}
           id={id}
           type={type}
+          title={title}
           required={required}
           readOnly={readOnly}
           disabled={disabled}

tests/index.test.jsx

@@ -77,6 +77,12 @@ describe('rc-checkbox', () => {
     expect(renderedInput.attributes.value.value).toEqual('6');
   });
 
+  it('passes title prop to input', () => {
+    const wrapper = mount(<Checkbox title="my-custom-title" />);
+    const renderedInput = wrapper.find('input').instance();
+    expect(renderedInput.attributes.title.value).toEqual('my-custom-title');
+  });
+
   it('focus()', () => {
     const container = document.createElement('div');
     document.body.appendChild(container);