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

upcoming: [DI-21842] - Fixed recharts issues in Cloudpulse #11317

Merged
merged 10 commits into from
Nov 27, 2024

Conversation

nikhagra-akamai
Copy link
Contributor

@nikhagra-akamai nikhagra-akamai commented Nov 25, 2024

Description 📝

Fixed some recharts related issues found post migration from Chart JS to Recharts in Cloudpulse

Changes 🔄

List any change(s) relevant to the reviewer.

  1. Updated ticks generation logic for 1 tick point
  2. Increased legend height in CloudPulseLineGraph
  3. Removed breakpoint condition for LegendsHeight in MetricsDisplay

Target release date 🗓️

10 Dec 2024

Preview 📷

Include a screenshot or screen recording of the change.

🔒 Use the Mask Sensitive Data setting for security.

💡 Use <video src="" /> tag when including recordings in table.

Before After
Screenshot 2024-11-25 at 3 50 23 PM Screenshot 2024-11-25 at 3 51 05 PM
Screenshot 2024-11-25 at 3 47 59 PM Screenshot 2024-11-25 at 3 47 03 PM
Screen.Recording.2024-11-25.at.3.44.39.PM.mov
Screen.Recording.2024-11-25.at.3.45.11.PM.mov

How to test 🧪

Go to monitor tab & switch to mock user

  1. Reduce the page size to mobile screen & you'll see legend rows are still scrollable ( when legends rows are more than 2).
  2. Generate one data point by modifying the mock response of monitor/services/:serviceType/metrics and you'll notice with full & half size widget, you'll see only one tick while in the current alpha version it is generating 2 ticks while moving from half size to full size widget

As an Author, I have 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

@nikhagra-akamai nikhagra-akamai marked this pull request as ready for review November 25, 2024 10:34
@nikhagra-akamai nikhagra-akamai requested a review from a team as a code owner November 25, 2024 10:34
@nikhagra-akamai nikhagra-akamai requested review from carrillo-erik and cpathipa and removed request for a team November 25, 2024 10:34
Copy link

github-actions bot commented Nov 25, 2024

Coverage Report:
Base Coverage: 86.93%
Current Coverage: 86.92%

Comment on lines 120 to 122
[theme.breakpoints.up(1100)]: {
height: legendHeight,
},
Copy link
Contributor Author

Choose a reason for hiding this comment

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

@jaalah-akamai I've removed this breakpoint condition for legend row heights based on our discussion in the thursday's call

@kmuddapo
Copy link

Thanks!! @bnussman-akamai for the approval. Hope @carrillo-erik you are reviewing this PR further.

@linode-gh-bot
Copy link
Collaborator

Cloud Manager UI test results

🎉 455 passing tests on test run #8 ↗︎

❌ Failing✅ Passing↪️ Skipped🕐 Duration
0 Failing455 Passing2 Skipped95m 31s

@bnussman-akamai bnussman-akamai merged commit 1241222 into linode:develop Nov 27, 2024
23 checks passed
Copy link

cypress bot commented Nov 27, 2024

Cloud Manager E2E    Run #6893

Run Properties:  status check passed Passed #6893  •  git commit 12412220cf: upcoming: [DI-21842] - Fixed recharts issues in Cloudpulse (#11317)
Project Cloud Manager E2E
Branch Review develop
Run status status check passed Passed #6893
Run duration 31m 40s
Commit git commit 12412220cf: upcoming: [DI-21842] - Fixed recharts issues in Cloudpulse (#11317)
Committer Nikhil Agrawal
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 6
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 461
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
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants