eui
eui copied to clipboard
[META] Add Cypress `cy.checkAxe()` tests to components
Description
Some components will benefit from having a Cypress component test suite that includes a cy.checkAxe() accessibility scan. These components are listed below.
Components
- [x] Breadcrumbs
- [x] Card
- [x] Color palettes
- [x] Color selection
- [x] Combo box
- [x] Context menu
- [x] Control bar
- [x] Copy
- [x] Data grid
- [x] Date picker
- [x] Delay
- [x] Drag and drop
- [x] Empty prompt
- [x] Error boundary
- [x] Expression - Contrast ratios on gray background
- [x] Filter group - Filter buttons and multi-select should be tested
- [x] Flyout
- [x] Focus trap
- [x] Header
- [x] Icons
- [x] Image
- [x] In-memory tables - In-memory table with search
- [x] Key pad menu
- [x] Modal
- [x] Notification event
- [x] Page header
- [x] ~~Page template - examples tab only~~
- [x] Pagination
- [x] Popover
- [x] Portal
- [x] Progress
- [x] Resizable container
- [x] Super date picker
- [x] Range sliders - Single range and dual range should be tested
- [x] Search bar - Test the filtering
- [x] Selection controls - Validate click handlers
- [x] Side nav
- [x] Suggest
- [x] Super select
- [x] Tables - Expanding rows, ~~responsive tables~~, custom table
- [x] Tabs
- [ ] Text
- [ ] Text diff
- [x] Toast
- [ ] Tooltip
- [ ] Tour
Components that were previously considered for Jest tests
- [ ] Avatar
- [ ] Badge
- [ ] Bottom bar
- [ ] Code
- [ ] Comment list
- [ ] Description list
- [ ] Facet
- [ ] Health
- [ ] Highlight and mark
- [ ] Inner text
- [ ] Link
- [ ] List group
- [ ] Loading
- [ ] Stat
- [ ] Steps
- [ ] Timeline
- [ ] Title
Form Components
These will take some time, so moving them to a separate group
- [ ] Compressed forms
- [ ] Form controls - Validate data entry and axe check
- [ ] Form layouts
- [ ] Form validation
This has been marked as "On Hold" for a while now. I'm going to put this back into "Triage" status. We may want to reconsider this approach in Cypress, there may be an opportunity to use Storybook instead.