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

refactor: [M3-7547] - Graphs stories v7 migration #9999

Merged
merged 6 commits into from
Dec 19, 2023

Conversation

abailly-akamai
Copy link
Contributor

@abailly-akamai abailly-akamai commented Dec 14, 2023

Description 📝

PR to migrate our Graph stories to v7

Changes 🔄

  • Migrate GaugePercent and add test
  • Migrate LineGraph and add test
  • Update storybook to 7.6.4
  • Add @storybook/addon-storysource to show source code to individual stories

Preview 📷

Screenshot 2023-12-14 at 16 08 06

Screenshot 2023-12-14 at 16 08 39

How to test 🧪

Verification steps

(How to verify changes)

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 Dec 14, 2023
@abailly-akamai abailly-akamai changed the title refactor: [M3-7547] - Graphs storybook migration: GaugePercent and LineChart refactor: [M3-7547] - Graphs stories v7 migration Dec 14, 2023
@@ -13,6 +13,7 @@ const config: StorybookConfig = {
'@storybook/addon-measure',
'@storybook/addon-actions',
'storybook-dark-mode',
'@storybook/addon-storysource',
Copy link
Contributor Author

Choose a reason for hiding this comment

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

There is a code panel for stories in the documentation, but not for individual stories so this add-on helps with that

Screenshot 2023-12-14 at 16 12 25

@abailly-akamai abailly-akamai marked this pull request as ready for review December 14, 2023 21:14
@abailly-akamai abailly-akamai requested a review from a team as a code owner December 14, 2023 21:14
@abailly-akamai abailly-akamai requested review from carrillo-erik and cliu-akamai and removed request for a team December 14, 2023 21:14
Copy link

github-actions bot commented Dec 14, 2023

Coverage Report:
Base Coverage: 78%
Current Coverage: 78.07%

Copy link
Member

@bnussman-akamai bnussman-akamai left a comment

Choose a reason for hiding this comment

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

Stories and Storybook update looks good!

I do worry about the amount of vi.mocks and I don't completely understand why they are all needed.

Keep in mind Recharts is getting introduced and we'll hopefully be deleting LineGraph and maybe the GaugePercent soon

@abailly-akamai
Copy link
Contributor Author

@bnussman-akamai yeah that's fair. I simplified the tests since they will go away for those specific components.

Copy link
Member

@bnussman-akamai bnussman-akamai left a comment

Choose a reason for hiding this comment

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

🧼📈

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.

✅ tests
✅ stories look good!

one small comment below

ariaLabel?: string;
/**
* The height in `px` of the chart\n`number`.
Copy link
Contributor

Choose a reason for hiding this comment

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

seeing a random \n appear in the documentation for this and some other props:
image
image

@coliu-akamai coliu-akamai added the Approved Multiple approvals and ready to merge! label Dec 18, 2023
@abailly-akamai abailly-akamai merged commit 89230bf into linode:develop Dec 19, 2023
17 of 18 checks passed
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! Storybook
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants