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: [email protected] migration + stories specs [ DO NOT MERGE ] #1985

Closed
wants to merge 26 commits into from

Conversation

ze-flo
Copy link
Contributor

@ze-flo ze-flo commented Dec 5, 2024

⚠️ DO NOT MERGE! ⚠️

Description

This PR adds snapshot tests for stories from the following packages:

  • buttons
  • forms
  • dropdowns
  • drodowns.legacy
  • draggable
  • modals
  • typography
  • grid
  • loaders
  • colorpickers
  • tooltips
  • tags
  • notifications

These snapshot tests work by capturing the rendered output of each story and comparing it against a previously saved snapshot. This allows us to quickly detect any visual changes introduced by the styled-components upgrade. It's expected that snapshots generated with styled-components v6 will differ slightly from v5 due to the library changes. Specifically, you might observe:

  • Minor adjustments to whitespace.
  • Empty media queries (those without any style rules) are no longer included in the output.
  • More detailed style definitions when one styled-component references another.

I've carefully reviewed and VQA'd stories with significant snapshot diffs to ensure the visual changes are acceptable and don't represent regressions. These include stories for:

  • forms
  • dropdowns
  • drodowns.legacy
  • draggable
  • colorpickers

The primary goal of this PR is to provide a safety net for the refactoring work being done in #1978, preventing any unintended visual regressions from slipping through. By verifying visual consistency, we can more confidently upgrade styled-components.

@ze-flo
Copy link
Contributor Author

ze-flo commented Dec 5, 2024

#1978 was merged. Closing.

@ze-flo ze-flo closed this Dec 5, 2024
@ze-flo ze-flo changed the title refactor: [email protected] migration + stories specs [ DO NOT MERGE ] refactor: [email protected] migration + stories specs [ DO NOT MERGE ] Dec 20, 2024
@ze-flo ze-flo changed the title refactor: [email protected] migration + stories specs [ DO NOT MERGE ] refactor: [email protected] migration + stories specs [ DO NOT MERGE ] Dec 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

Successfully merging this pull request may close these issues.

1 participant