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: [M3-8743] - fix aria label of action menu in IP address table row. #11167

Conversation

hasyed-akamai
Copy link
Contributor

Description 📝

To get a better understanding of the aria label of action menu in IP Address table. Here, we have make it human readable by adding address to the aria label.

Changes 🔄

List any change relevant to the reviewer.

  • For IP Address Table Row:
    • Changed Aria Label to Human readable format.

Target release date 🗓️

Preview 📷

Before After
Before After

How to test 🧪

Prerequisites

  • You should have at least one Linode in your account before Reproduction

Reproduction steps

  • Go to the Linode details Page:
    • Then Navigate to Network tab:
      • Observe a aria label of action menu button for IP Address table row.

Verification steps

  • After changes, observe aria label to be more human readable format.

As an Author I have considered 🤔

Check all that apply

  • 👀 Doing a self review
  • ❔ Our contribution guidelines
  • 🤏 Splitting feature into small PRs
  • ➕ Adding a changeset
  • 🧪 Providing/Improving test coverage
  • 🔐 Removing all sensitive information from the code and PR description
  • 🚩 Using a feature flag to protect the release
  • 👣 Providing comprehensive reproduction steps
  • 📑 Providing or updating our documentation
  • 🕛 Scheduling a pair reviewing session
  • 📱 Providing mobile support
  • ♿ Providing accessibility support

@hasyed-akamai hasyed-akamai requested a review from a team as a code owner October 28, 2024 06:09
@hasyed-akamai hasyed-akamai requested review from mjac0bs and hana-akamai and removed request for a team October 28, 2024 06:09
Copy link

github-actions bot commented Oct 28, 2024

Coverage Report:
Base Coverage: 87.04%
Current Coverage: 87.04%

@hasyed-akamai hasyed-akamai self-assigned this Oct 28, 2024
@hasyed-akamai hasyed-akamai added Ready for Review Linodes Dealing with the Linodes section of the app labels Oct 28, 2024
Copy link
Contributor

@mjac0bs mjac0bs left a comment

Choose a reason for hiding this comment

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

Thanks for fixing this! Approving pending the minor comments I left are addressed.

I'd recommend that we also confirm the corrected aria label via the unit test for LinodeIPAddressRow.test.tsx using a getByLabelText for the action menu. (Banks made this improvement in a recent PR, but the PR was reverted for other reasons.)

@mjac0bs mjac0bs added the Add'tl Approval Needed Waiting on another approval! label Oct 28, 2024
hasyed-akamai and others added 2 commits October 28, 2024 22:19
Co-authored-by: Mariah Jacobs <114685994+mjac0bs@users.noreply.github.com>
Co-authored-by: Mariah Jacobs <114685994+mjac0bs@users.noreply.github.com>
if (ipAddress && 'address' in ipAddress) {
return `Action menu for IP Address ${ipAddress.address}`;
} else {
return `Action menu for IP Address ${ipAddress?.range}`;
Copy link
Member

Choose a reason for hiding this comment

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

Can we make the ipAddress prop required on this component? That may allow us to remove this ? as well

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Change the ipAddress prop to required to remove the optional chaining ?

@hasyed-akamai hasyed-akamai added Approved Multiple approvals and ready to merge! and removed Add'tl Approval Needed Waiting on another approval! labels Oct 29, 2024
Co-authored-by: Banks Nussman <115251059+bnussman-akamai@users.noreply.github.com>
@bnussman-akamai bnussman-akamai merged commit a7225f0 into linode:develop Nov 1, 2024
23 checks passed
Copy link

cypress bot commented Nov 1, 2024

Cloud Manager E2E    Run #6767

Run Properties:  status check passed Passed #6767  •  git commit a7225f0f27: fix: [M3-8743] - fix aria label of action menu in IP address table row. (#11167)
Project Cloud Manager E2E
Branch Review develop
Run status status check passed Passed #6767
Run duration 28m 04s
Commit git commit a7225f0f27: fix: [M3-8743] - fix aria label of action menu in IP address table row. (#11167)
Committer hasyed-akamai
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 3
Tests that did not run due to a developer annotating a test with .skip  Pending 2
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 445
View all changes introduced in this branch ↗︎

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Approved Multiple approvals and ready to merge! Linodes Dealing with the Linodes section of the app Ready for Review
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants