patternfly / patternfly-react / 1891

78%

push

travis-ci

feat(TreeView Component): address accessibility concerns (#345)

* feat(TreeView Component): address accessibility concerns

affects: patternfly-react

* Add aria roles and attributes
* Enable keyboard navigation

ISSUES CLOSED: #321

* Update snapshot

* Add tests

* Align html structure with w3.org guidelines

* Fix keyboard navigation

* Custom focus highlighting

* Roving tab index

* Add aria attributes

* Fix CI errors

* Use data attribute instead of id

* Support left/right arrow for expand/collapse

* Enter and Space for main action

* Extract keyboard key strings to helpers

* Implement keyboard search

* Focus moves to the next node whose text starts with the typed
  character
* Search wraps to the first node if matching name is not found among
  the nodes that follow the focused node
* Ignores nodes that are descendants of closed nodes

* Add accessibleName prop

* Update storybook with keyboard nav details

* Implement * (asterisk) keyboard action

* Expands all closed sibling nodes that are at the same level as the
  focused node
* Focus does not move
* Change nodeId to uniquely identify each node

* Add less file

* More tests

* Add keyboard support for Home and End keys

* Home moves focus to first node without opening or closing a node
* End moves focus to the last node that can be focused without expanding
  any nodes that are closed

* Move to patternfly-react from core

* Hide icons in screen readers

* Update snapshot

861 of 1350 branches covered (63.78%)

Branch coverage included in aggregate %.

2429 of 2942 relevant lines covered (82.56%)

32.11 hits per line