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

[test] Fix flaky pigment-css screenshot #43959

Merged
merged 1 commit into from
Oct 2, 2024

Conversation

Janpot
Copy link
Member

@Janpot Janpot commented Oct 1, 2024

The CSS animations are disabled by playwright while taking the screenshot, but there is this one demo that animates the progressbar value property with JavaScript. This sometimes results in flaky screenshots. Example: https://app.argos-ci.com/mui/material-ui/builds/32548/111399290

We could just remove this demo to solve the issue.

Alternatives are:

  • Mock setTimeout, but this seems to break too many other things
  • Add a compile time flag in the demo to turn off animation
  • Write a new test case specifically for the integration test

@Janpot Janpot added test package: pigment-css Specific to @pigment-css/* labels Oct 1, 2024
@mui-bot
Copy link

mui-bot commented Oct 1, 2024

Netlify deploy preview

https://deploy-preview-43959--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 96e56b6

@Janpot Janpot marked this pull request as ready for review October 1, 2024 16:49
@Janpot Janpot requested a review from brijeshb42 October 1, 2024 16:49
@Janpot Janpot merged commit ffa3343 into mui:master Oct 2, 2024
22 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: pigment-css Specific to @pigment-css/* test
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants