[fixed] #368: missing label for input field (a11y)

lib/Autocomplete.js

@@ -29,7 +29,11 @@ class Autocomplete extends React.Component {
 
   static propTypes = {
     /**
-     * The items to display in the dropdown menu
+     * The label for a11y compliance
+     */
+    label: PropTypes.string,
+    /**
+     * The value to display in the input field
      */
     items: PropTypes.array.isRequired,
     /**
@@ -161,6 +165,7 @@ class Autocomplete extends React.Component {
 
   static defaultProps = {
     value: '',
+    label: 'autocomplete',
     wrapperProps: {},
     wrapperStyle: {
       display: 'inline-block'
@@ -576,6 +581,7 @@ class Autocomplete extends React.Component {
           ...inputProps,
           role: 'combobox',
           'aria-autocomplete': 'list',
+          'aria-label': this.props.label,
           'aria-expanded': open,
           autoComplete: 'off',
           ref: this.exposeAPI,

lib/__tests__/Autocomplete-test.js

@@ -752,6 +752,7 @@ describe('Autocomplete isItemSelectable', () => {
     autocompleteWrapper.setProps({ value: 'new hrhrhhrr' })
     expect(autocompleteWrapper.state('highlightedIndex')).toBe(null)
   })
+
 })
 
 describe('Public imperative API', () => {
@@ -771,3 +772,4 @@ describe('Public imperative API', () => {
     expect(ac.isInputFocused()).toBe(false)
   })
 })
+

lib/__tests__/__snapshots__/Autocomplete-test.js.snap

@@ -4,6 +4,7 @@ exports[`Autocomplete.props.renderInput should be invoked in \`render\` to creat
 Object {
   "aria-autocomplete": "list",
   "aria-expanded": false,
+  "aria-label": "autocomplete",
   "autoComplete": "off",
   "foo": "bar",
   "onBlur": [Function],
@@ -29,6 +30,7 @@ exports[`Autocomplete.props.renderInput should be invoked in \`render\` to creat
     <input
       aria-autocomplete="list"
       aria-expanded={false}
+      aria-label="autocomplete"
       autoComplete="on"
       foo="bar"
       onBlur={[Function]}