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(Link): add RTL, add a11y tests, add Accessibility Checker/Axe #7284

Merged
merged 12 commits into from
Nov 17, 2020

Conversation

dakahn
Copy link
Contributor

@dakahn dakahn commented Nov 12, 2020

Closes #7205

This PR adds React Testing library and various accessibility tests for link. Also adds in Accessibility Checker and creates a Jest Matcher to use it with 🏄

Changelog

  • adds React Testing Library and a few utilities they provide
  • adds automated tests for Axe and AC
  • adds keyboard accessibility unit tests
  • adds manual testing guide

Testing / Reviewing

This is a proof of concept for work we'll apply to other components later. So stylistic/formatting concerns and some amount of bike shedding is encouraged here.

@dakahn dakahn requested a review from a team as a code owner November 12, 2020 22:11
@tw15egan
Copy link
Member

@dakahn Awesome! Will this run with all of our other tests, or is there a specific command we can run inside packages/react to test these specifically?

@netlify
Copy link

netlify bot commented Nov 12, 2020

Deploy preview for carbon-elements ready!

Built with commit b8684c8

https://deploy-preview-7284--carbon-elements.netlify.app

@netlify
Copy link

netlify bot commented Nov 12, 2020

Deploy preview for carbon-components-react ready!

Built with commit b8684c8

https://deploy-preview-7284--carbon-components-react.netlify.app

@dakahn
Copy link
Contributor Author

dakahn commented Nov 13, 2020

@tw15egan No special command needed! Should kick off with good ol yarn test /link/link-test

packages/react/src/components/Link/Link-test.js Outdated Show resolved Hide resolved
packages/react/src/components/Link/Link-test.js Outdated Show resolved Hide resolved
tasks/jest/matchers/toHaveNoACViolations.js Outdated Show resolved Hide resolved
Copy link
Member

@tw15egan tw15egan left a comment

Choose a reason for hiding this comment

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

Looks great! 🎉 👍 ✅

@dakahn dakahn merged commit 1253a6c into carbon-design-system:master Nov 17, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Overhaul and update Link accessibility testing
3 participants