Skip to content

feat: [M3-8717] - Improve region filter loading state in Linodes Landing - #11550

Merged
hana-akamai merged 5 commits into
linode:developfrom
hana-akamai:M3-8717-linodes-landing-tablerowloading
Jan 27, 2025
Merged

hana-akamai merged 5 commits into
linode:developfrom
hana-akamai:M3-8717-linodes-landing-tablerowloading

Conversation

@hana-akamai

@hana-akamai hana-akamai commented Jan 22, 2025 •

Copy link
Copy Markdown
Contributor

Description 📝

Follow-up to #10639 (review)

Add a small loading state when the user is switching between different region filters

Changes 🔄

Preview 📷

Before After
list.view.before.mov
list.view.after.mov
summary.view.before.mov
summary.view.after.mov

How to test 🧪

Prerequisites

(How to setup test environment)

  • Ensure you have gecko customer tags (check project tracker)
  • Create a Linode in a distributed region

Reproduction steps

(How to reproduce the issue, if applicable)

  • Checkout a different branch and filter by Core/Distributed region on the Linodes Landing page.
  • Notice a slight delay and no loading indication while filtered Linodes are fetched

Verification steps

(How to verify changes)

  • Checkout this branch or PR preview link
  • Filter by Core/Distributed region on the Linodes Landing page
  • Linodes in a list view (with or w/o tags) have a table loading state
  • Linodes in a summary view (with or w/o tags) have a circle spinner loading state
yarn cy:run -s "cypress/e2e/core/placementGroups/delete-placement-groups.spec.ts"
Author Checklists

As an Author, to speed up the review process, I considered 🤔

👀 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


  • I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

  • All unit tests are passing
  • TypeScript compilation succeeded without errors
  • Code passes all linting rules

@hana-akamai hana-akamai added the Gecko LA Relating to Gecko LA label Jan 22, 2025
@hana-akamai hana-akamai self-assigned this Jan 22, 2025
@hana-akamai
hana-akamai marked this pull request as ready for review January 22, 2025 23:02
@hana-akamai
hana-akamai requested review from a team as code owners January 22, 2025 23:02
@hana-akamai
hana-akamai requested review from bnussman-akamai, dmcintyr-akamai, dwiley-akamai and hasyed-akamai and removed request for a team January 22, 2025 23:02

@dwiley-akamai dwiley-akamai left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

delete-placement-groups.spec.ts passes locally & in CI ✅
Code review ✅
Loading state observed when filtering by region type on Linodes landing page ✅

@hana-akamai hana-akamai added the Add'tl Approval Needed Waiting on another approval! label Jan 24, 2025

@hasyed-akamai hasyed-akamai left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Thanks @hana-akamai! Everything works fine, no regressions. Looks good to go! 🚀

@hasyed-akamai hasyed-akamai added Approved Multiple approvals and ready to merge! and removed Add'tl Approval Needed Waiting on another approval! labels Jan 27, 2025
@github-actions

Copy link
Copy Markdown

Coverage Report: ✅
Base Coverage: 79.11%
Current Coverage: 79.11%

@linode-gh-bot

Copy link
Copy Markdown

Cloud Manager UI test results

🎉 482 passing tests on test run #4 ↗︎

❌ Failing✅ Passing↪️ Skipped🕐 Duration
0 Failing482 Passing2 Skipped97m 30s

@hana-akamai
hana-akamai merged commit fa8f445 into linode:develop Jan 27, 2025
@hana-akamai
hana-akamai deleted the M3-8717-linodes-landing-tablerowloading branch January 27, 2025 17:45
@cypress

cypress Bot commented Jan 27, 2025

Copy link
Copy Markdown

Cloud Manager E2E    Run #7129

Run Properties:  status check failed Failed #7129  •  git commit fa8f4457c7: feat: [M3-8717] - Improve region filter loading state in Linodes Landing (#11550...
Project Cloud Manager E2E
Branch Review develop
Run status status check failed Failed #7129
Run duration 32m 38s
Commit git commit fa8f4457c7: feat: [M3-8717] - Improve region filter loading state in Linodes Landing (#11550...
Committer Hana Xu
View all properties for this run ↗︎

Test results
Tests that failed  Failures 1
Tests that were flaky  Flaky 4
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 2
Tests that passed  Passing 479
View all changes introduced in this branch ↗︎

Tests for review

Failed  cypress/e2e/core/nodebalancers/smoke-create-nodebal.spec.ts • 1 failed test

View Output Video

Test Artifacts
create NodeBalancer > creates a NodeBalancer in a region with base pricing Screenshots Video
Flakiness  linodes/resize-linode.spec.ts • 1 flaky test

View Output Video

Test Artifacts
resize linode > resizes a linode by increasing size: warm migration Screenshots Video
Flakiness  linodes/linode-config.spec.ts • 1 flaky test

View Output Video

Test Artifacts
Linode Config management > End-to-End > Boots a config Screenshots Video
Flakiness  domains/smoke-create-domain-records.spec.ts • 1 flaky test

View Output Video

Test Artifacts
Tests for Editable Domain CAA Records > Validates that "iodef" domain records returns error with invalid record Screenshots Video
Flakiness  placementGroups/delete-placement-groups.spec.ts • 1 flaky test

View Output Video

Test Artifacts
Placement Group deletion > can delete with Linodes assigned when unexpected error show up and retry 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! Gecko LA Relating to Gecko LA

Projects

Archived in project

Development

Successfully merging this pull request may close these issues.

4 participants