-
Notifications
You must be signed in to change notification settings - Fork 224
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
test(avatar): Add snapshot tests for Avatar and AvatarButton #690
Conversation
Test summaryRun details
View run in Cypress Dashboard ➡️ This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard |
// @ts-ignore: Cannot find module error | ||
import testAvatar from './test-avatar.png'; | ||
// eslint-disable-next-line no-empty-function | ||
const noop = () => {}; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this could be somewhere in test utils folder?
component: Avatar, | ||
parameters: { | ||
chromatic: { | ||
delay: 300, // Ensure we capture the image after loading and transition |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
NB: I could see this being a utils as well since we have a few components that have transitions
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Most of the time we turn off transitions w/ transformOrigin={null}
rather than using a delay though. This is the only place we use a chromatic delay atm so going to leave as is for now
Partially addresses #683
These tests are based on the ones added to
prerelease/v4
in #676