Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

test(Multiselect): add AVT for multiselect #14305

Merged
merged 4 commits into from
Jul 25, 2023

Conversation

tw15egan
Copy link
Member

Closes #14210
Closes #14215
Refs #14276

Adds in AVT for Multiselect and FilterableMultiselect. This would be nice to get in to ensure functionality remains the same during the Downshift upgrade (#14276). These tests add a11y checks when the menu is closed; open currently has errors, so under a skip flag for now. It also tests all keyboard navigation such as opening/closing, making a selection, and clearing a selection.

Changelog

New

  • a11y checks for Multiselect, FilterableMultiselect
  • keyboard tests for Multiselect, FilterableMultiselect

Changed

  • marked ariaLabel and aria-label as deprecated in FilterableMultiselect. These were causing a11y violations.

Removed

  • avt tests from vrt file
  • aria-label from ListBox inside FilterableMultiselect. This was causing an a11y violation.
  • removed default prop value for aria-label

Testing / Reviewing

Ensure the avt test file covers all intended usage

@netlify
Copy link

netlify bot commented Jul 25, 2023

Deploy Preview for carbon-components-react ready!

Name Link
🔨 Latest commit 8dd5e4d
🔍 Latest deploy log https://app.netlify.com/sites/carbon-components-react/deploys/64c01a7b9cfeba0008168e87
😎 Deploy Preview https://deploy-preview-14305--carbon-components-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@netlify
Copy link

netlify bot commented Jul 25, 2023

Deploy Preview for carbon-elements ready!

Name Link
🔨 Latest commit 8dd5e4d
🔍 Latest deploy log https://app.netlify.com/sites/carbon-elements/deploys/64c01a7b29eaa4000897ab96
😎 Deploy Preview https://deploy-preview-14305--carbon-elements.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Member

@tay1orjones tay1orjones left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Those keyboard nav test blocks are beefy! 💪

Looks great, thanks for putting this together. I agree it'll be good to track the same coverage as we review the downshift upgrade PR

@github-actions github-actions bot added this pull request to the merge queue Jul 25, 2023
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to no response for status checks Jul 25, 2023
@tw15egan tw15egan added this pull request to the merge queue Jul 25, 2023
Merged via the queue into carbon-design-system:main with commit 96b874c Jul 25, 2023
16 checks passed
@tw15egan tw15egan deleted the multiselect-avt branch July 25, 2023 23:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
3 participants