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

feat(drawer): exit animation applied for drawer component #335

Conversation

muratcorlu
Copy link
Contributor

This fixes the snapshot tests for drawer component. CSS animation was breaking the viewport size calculation of Chromatic. So together with @ozkersemih and @olkeoguz we decided to add a custom CSS property to allow changing animation duration. I didn't document this for now in purpose because we don't have a proper guidance about use-cases of changing animation duration. I believe we'll make animations more clear in general with #176 and documenting of this parameter will be also done properly after that.

Fixes #329

This also fixes the snapshot tests for drawer component.
@muratcorlu muratcorlu linked an issue Dec 7, 2022 that may be closed by this pull request
@sonarcloud
Copy link

sonarcloud bot commented Dec 7, 2022

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

100.0% 100.0% Coverage
0.0% 0.0% Duplication

@muratcorlu
Copy link
Contributor Author

@buseselvi because I fixed screenshots of drawer, now proper snapshots of it are waiting for review. Some changes to remark:

  • I added 320px wide viewports to see visual behaviour of drawer component in a smaller screen.
  • Rubik font family applied to contents of other examples now, instead of just first one with long text.
  • Now we have exit animation as well as enter animation. You can check that on storybook.

@sonarcloud
Copy link

sonarcloud bot commented Dec 8, 2022

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

100.0% 100.0% Coverage
0.0% 0.0% Duplication

@muratcorlu muratcorlu merged commit ce67b45 into next Dec 8, 2022
@muratcorlu muratcorlu deleted the 329-drawer-component-visual-regression-tests-dont-work-properly branch December 8, 2022 08:08
@github-actions
Copy link

github-actions bot commented Dec 8, 2022

🎉 This PR is included in version 2.0.0-beta.51 🎉

The release is available on:

Your semantic-release bot 📦🚀

@github-actions
Copy link

github-actions bot commented Apr 6, 2023

🎉 This PR is included in version 2.0.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

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.

Drawer component visual regression tests don’t work properly
4 participants