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

fix(dropdown): adding accessibility #137

Conversation

hcafaq
Copy link
Contributor

@hcafaq hcafaq commented Feb 10, 2023

Pull Request

Description

Adds keyboard accessibility to the dropdown

you can use enter or space key after tab index has highlighted the dropdown, use up and down arrow keys to move and use enter to select again

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Documentation change

How do I test this

Use enter or space key after tab index has highlighted the dropdown, use up and down arrow keys to move and use enter to select again

  • Add steps to test
  • in bullet point format
  • preferably you can add link to the storybook build in the PR

Checklist

Did you remember to take care of the following?

  • npm i – for new NPM dependencies.
  • npm run lint - to check for linting issues
  • npm run test - to run unit tests
  • npm run test:sh:docker - to run screenshot tests, detail instruction

New Feature / Bug Fix

  • Run unit tests to ensure all existing tests are still passing.
  • Add new passing unit tests to cover the code introduced by your pr.

Thanks for contributing!

@hcafaq hcafaq self-assigned this Feb 10, 2023
@github-actions
Copy link

Compiled a new version demo.

@coveralls
Copy link

coveralls commented Feb 10, 2023

Pull Request Test Coverage Report for Build 4184249293

  • 28 of 44 (63.64%) changed or added relevant lines in 2 files are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage decreased (-2.4%) to 95.318%

Changes Missing Coverage Covered Lines Changed/Added Lines %
packages/dropdown/src/Dropdown.tsx 20 36 55.56%
Totals Coverage Status
Change from base Build 4105844680: -2.4%
Covered Lines: 941
Relevant Lines: 960

💛 - Coveralls

@github-actions
Copy link

github-actions bot commented Feb 10, 2023

Coverage report

St.
Category Percentage Covered / Total
🟢 Statements
97.72% (-1.78% 🔻)
1029/1053
🟢 Branches
84.32% (-5.03% 🔻)
199/236
🟢 Functions
92.86% (-5.5% 🔻)
65/70
🟢 Lines
98.02% (-1.65% 🔻)
941/960
Show new covered files 🐣
St.
File Statements Branches Functions Lines
🟢 input/src/index.ts 100% 100% 100% 100%
🟢
... / DropdownOption.tsx
100% 50% 100% 100%
Show files with reduced coverage 🔻
St.
File Statements Branches Functions Lines
🟡
... / Dropdown.tsx
75.95% (-24.05% 🔻)
67.27% (-17.34% 🔻)
71.43% (-28.57% 🔻)
75% (-25% 🔻)

Test suite run success

250 tests passing in 37 suites.

Report generated by 🧪jest coverage report action from e486169

@hcafaq hcafaq marked this pull request as ready for review February 10, 2023 13:55
@github-actions
Copy link

Compiled a new version demo.

@github-actions
Copy link

Compiled a new version demo.

@github-actions
Copy link

Compiled a new version demo.

@github-actions
Copy link

Compiled a new version demo.

@hcafaq hcafaq added the work in progress This is a work in progress label Feb 15, 2023
@github-actions
Copy link

Compiled a new version demo.

@hcafaq hcafaq removed the work in progress This is a work in progress label Feb 15, 2023
@github-actions
Copy link

Compiled a new version demo.

@hcafaq hcafaq merged commit 5e8cbec into main Feb 15, 2023
@hcafaq hcafaq deleted the HEYUI-234-add-accessibility-aria-attributes-support-for-dropdown-component branch February 15, 2023 13:43
supcar pushed a commit that referenced this pull request Feb 15, 2023
## [4.2.1](v4.2.0...v4.2.1) (2023-02-15)

### Bug Fixes

* **dropdown:** adding accessibility ([#137](#137)) ([5e8cbec](5e8cbec))
@supcar
Copy link
Collaborator

supcar commented Feb 15, 2023

🎉 This PR is included in version 4.2.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
5 participants