diff --git a/index.d.ts b/index.d.ts index 7c929a4..3c01290 100644 --- a/index.d.ts +++ b/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, diff --git a/src/Checkbox.jsx b/src/Checkbox.jsx index 1d22293..80ab744 100644 --- a/src/Checkbox.jsx +++ b/src/Checkbox.jsx @@ -11,6 +11,7 @@ class Checkbox extends Component { name: PropTypes.string, id: PropTypes.string, type: PropTypes.string, + title: PropTypes.string, defaultChecked: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]), checked: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]), disabled: PropTypes.bool, @@ -92,7 +93,7 @@ class Checkbox extends Component { saveInput = (node) => { this.input = node; - } + }; render() { const { @@ -102,6 +103,7 @@ class Checkbox extends Component { name, id, type, + title, disabled, readOnly, tabIndex, @@ -132,6 +134,7 @@ class Checkbox extends Component { name={name} id={id} type={type} + title={title} readOnly={readOnly} disabled={disabled} tabIndex={tabIndex} diff --git a/tests/index.spec.jsx b/tests/index.spec.jsx index 4d07229..79c07a0 100644 --- a/tests/index.spec.jsx +++ b/tests/index.spec.jsx @@ -53,6 +53,12 @@ describe('rc-checkbox', () => { expect(renderedInput.attributes.value.value).toEqual('6'); }); + it('passes title prop to input', () => { + const wrapper = mount(); + 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);