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

change: [M3-8817] - Replace PageSize autocomplete with simple select #11203

Merged
merged 8 commits into from
Nov 18, 2024

Conversation

abailly-akamai
Copy link
Contributor

@abailly-akamai abailly-akamai commented Nov 1, 2024

Description 📝

One less autocomplete!

Main issue with this one was that it allowed the user to search options which did not make a whole lotta sense.

Using a simple select Textfield makes the most sense here, and does not affect the experience.

⚠️ using change for the changeset instead of a tech story since the user experience is slightly modified (not able to search the select anymore)

Changes 🔄

  • Replace PageSize autocomplete with simple select

Preview 📷

Screenshot 2024-11-14 at 17 35 02

How to test 🧪

Verification steps

  • Confirm the PaginationFooter pageSize select behaves with parity and without styling regression
  • Update related e2e tests

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

@abailly-akamai abailly-akamai self-assigned this Nov 1, 2024
@abailly-akamai abailly-akamai changed the title [M3-8817] - PageSize select [M3-8817] - Update PageSize select with simple select Nov 14, 2024
@abailly-akamai abailly-akamai changed the title [M3-8817] - Update PageSize select with simple select [M3-8817] - Update PageSize autocomplete with simple select Nov 14, 2024
@abailly-akamai abailly-akamai changed the title [M3-8817] - Update PageSize autocomplete with simple select tech-story: [M3-8817] - Update PageSize autocomplete with simple select Nov 14, 2024
@abailly-akamai abailly-akamai changed the title tech-story: [M3-8817] - Update PageSize autocomplete with simple select change: [M3-8817] - Update PageSize autocomplete with simple select Nov 14, 2024
@abailly-akamai abailly-akamai changed the title change: [M3-8817] - Update PageSize autocomplete with simple select change: [M3-8817] - Replace PageSize autocomplete with simple select Nov 14, 2024
@abailly-akamai abailly-akamai marked this pull request as ready for review November 14, 2024 22:29
@abailly-akamai abailly-akamai requested review from a team as code owners November 14, 2024 22:29
@abailly-akamai abailly-akamai requested review from jdamore-linode, hana-akamai and coliu-akamai and removed request for a team November 14, 2024 22:29
Copy link

github-actions bot commented Nov 14, 2024

Coverage Report:
Base Coverage: 86.89%
Current Coverage: 86.9%

Copy link
Contributor

@hana-akamai hana-akamai left a comment

Choose a reason for hiding this comment

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

Looks good! Minor non-blocking: the focus isn't very obvious on keyboard

Screen.Recording.2024-11-15.at.4.11.08.PM.mov

@hana-akamai hana-akamai added the Add'tl Approval Needed Waiting on another approval! label Nov 15, 2024
Copy link
Contributor

@coliu-akamai coliu-akamai left a comment

Choose a reason for hiding this comment

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

✅ confirm e2e tests pass
✅ pagination looks good

approving pending Hana's comment - thanks Alban! 🎉

@coliu-akamai coliu-akamai added Approved Multiple approvals and ready to merge! and removed Add'tl Approval Needed Waiting on another approval! labels Nov 18, 2024
@abailly-akamai
Copy link
Contributor Author

Thanks @hana-akamai - good call. Handled it by adding a dotted border focus state 👍

@linode-gh-bot
Copy link
Collaborator

Cloud Manager UI test results

🔺 1 failing test on test run #9 ↗︎

❌ Failing✅ Passing↪️ Skipped🕐 Duration
1 Failing451 Passing2 Skipped101m 50s

Details

Failing Tests
SpecTest
migrate-linode.spec.tsMigrate linodes » shows DC-specific pricing information when migrating linodes to similarly priced DCs

Troubleshooting

Use this command to re-run the failing tests:

yarn cy:run -s "cypress/e2e/core/linodes/migrate-linode.spec.ts"

@abailly-akamai abailly-akamai merged commit bb4be03 into linode:develop Nov 18, 2024
22 of 23 checks passed
Copy link

cypress bot commented Nov 18, 2024

Cloud Manager E2E    Run #6838

Run Properties:  status check failed Failed #6838  •  git commit bb4be03289: change: [M3-8817] - Replace PageSize autocomplete with simple select (#11203)
Project Cloud Manager E2E
Branch Review develop
Run status status check failed Failed #6838
Run duration 28m 34s
Commit git commit bb4be03289: change: [M3-8817] - Replace PageSize autocomplete with simple select (#11203)
Committer Alban Bailly
View all properties for this run ↗︎

Test results
Tests that failed  Failures 1
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 451
View all changes introduced in this branch ↗︎

Tests for review

Failed  cypress/e2e/core/linodes/migrate-linode.spec.ts • 1 failed test

View Output Video

Test Artifacts
Migrate linodes > shows DC-specific pricing information when migrating linodes to similarly priced DCs Screenshots Video
Flakiness  images/create-image.spec.ts • 1 flaky test

View Output Video

Test Artifacts
create image (e2e) > create image from a linode Screenshots Video
Flakiness  domains/smoke-clone-domain.spec.ts • 1 flaky test

View Output Video

Test Artifacts
Clone a Domain > clones a domain Screenshots Video
Flakiness  helpAndSupport/support-tickets-landing-page.spec.ts • 1 flaky test

View Output Video

Test Artifacts
support tickets landing page > can navigate to the ticket's page when clicking on the ticket subject Screenshots Video

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!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants