Automated accessibility tests - GlFormSelect
Description
Implement automated accessibility tests for the GlFormSelect component. Automated accessibility tests use the axe-core engine to find issues on GitLab UI components.
What to test?
-
default -
disabled -
with a couple of width options like xs
,sm
andmd
-
truncation -
valid state -
invalid state
How to write tests?
Implementation guide
Read the axe accessibility test documentation to learn how to implement automated A11Y tests using the axe-core addon in Cypress.
Implementation examples
- You can check out our pairing session on YouTube, where we implement tests for GlLabel component: https://youtu.be/FQ985DWwfCM
- Here's the MR with the implemented tests: !3769 (merged)
If you have any questions, you can tag Product Accessibility working group with @gitlab-org/working-group/accessibility
handle.
Edited by Paulina Sedlak-Jakubowska