Automated accessibility tests - GlAccordion
Description
Implement Update automated accessibility tests for the GlAccordion component. Automated accessibility tests use the
axe-core engine to find issues on GitLab UI components.
The tests already exists here but we need to make sure that all the below use cases are covered with the props like autoCollapse
and at least two different values for headerLevel
Reference - https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-accordion--default
What to test?
-
All items closed by default -
One is open -
more than one/all are open -
Open item is focussed
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)
Edited by Deepika Guliani