eui
eui copied to clipboard
[META] Add Cypress keyboard navigation checks to components
Description
Some components will benefit from having a Cypress keyboard test added to their suite. These will use our helpers and Cypress Real Events to send true browser events. These components are listed below.
Components
### Tasks
- [ ] https://github.com/elastic/eui/issues/6707
- [ ] Breadcrumbs - Test the truncated behavior and focus
- [ ] Collapsible nav
- [ ] Side nav
- [ ] Tooltip
- [ ] Tour - test focus states
- [ ] Super date picker
- [ ] Super select
- [ ] Form controls - Fill out form using `Tab` and keypresses
- [ ] Markdown editor
- [x] Color selection
- [x] Combo box
- [x] Date picker
- [x] Drag and drop
- [x] Error boundary - Assert the `tabindex="-1"` and arrow keys like resizable container
- [x] Expression - Blocks can take keyboard focus
- [x] Filter group
- [x] Focus trap - Test the trap toggled on and off
- [x] Image - multiple images and fullscreen
- [x] In-memory - Table with search
- [x] Key pad menu
- [x] Modal
- [x] Range sliders
- [x] Resizable container - Assert focus management and arrow keys
- [x] Search bar
- [x] Selectable - Filtering behavior only
- [x] Selection controls - `Enter` key and arrow keys
- [x] https://github.com/elastic/eui/issues/6685
- [x] https://github.com/elastic/eui/issues/6684
- [x] Tabs