feat(list): enter and spacebar keyboard handling for List and Listitem (#279)

test roles and keyboard handlers for list and listitem

Author: jurokapsiar

src/lib/accessibility/Behaviors/List/selectableListBehavior.ts

@@ -8,7 +8,6 @@ import { Accessibility } from '../../types'
  * @specification
  * Adds role='listbox'.
  */
-
 const selectableListBehavior: Accessibility = (props: any) => ({
   attributes: {
     root: {

src/lib/accessibility/Behaviors/List/selectableListItemBehavior.ts

@@ -5,6 +5,7 @@ import * as keyboardKey from 'keyboard-key'
  * @specification
  * Adds role='option'. This role is used for a selectable item in a list.
  * Adds attribute 'aria-selected=true' based on the property 'selected'. Based on this screen readers will recognize the selected state of the item.
+ * Performs click action with 'Enter' and 'Spacebar' on 'root'.
  */
 
 const selectableListItemBehavior: Accessibility = (props: any) => ({

test/specs/components/List/ListItem-test.ts

@@ -0,0 +1,30 @@
+import * as React from 'react'
+import * as keyboardKey from 'keyboard-key'
+import { isConformant, handlesAccessibility } from 'test/specs/commonTests'
+import { mountWithProvider } from 'test/utils'
+
+import ListItem from 'src/components/List/ListItem'
+import { selectableListItemBehavior } from 'src/lib/accessibility'
+
+describe('ListItem', () => {
+  isConformant(ListItem)
+  handlesAccessibility(ListItem, { defaultRootRole: 'listitem' })
+
+  test('handleClick is executed when Enter is pressed for selectable list', () => {
+    const onClick = jest.fn()
+    const listItem = mountWithProvider(
+      <ListItem accessibility={selectableListItemBehavior} onClick={onClick} />,
+    ).find('ListItem')
+    listItem.simulate('keydown', { keyCode: keyboardKey.Enter })
+    expect(onClick).toHaveBeenCalledTimes(1)
+  })
+
+  test('handleClick is executed when Spacebar is pressed for selectable list', () => {
+    const onClick = jest.fn()
+    const listItem = mountWithProvider(
+      <ListItem accessibility={selectableListItemBehavior} onClick={onClick} />,
+    ).find('ListItem')
+    listItem.simulate('keydown', { keyCode: keyboardKey.Spacebar })
+    expect(onClick).toHaveBeenCalledTimes(1)
+  })
+})