[code-infra] Skip charts animation for visual regression test

[alexfauquette]

Should prevent that type of false positive

I also noticed we do screenshot of the dashboard and each component individually. Which seems like waisting resources. So I only kept the dashboard screenshot and remove all the subcomponents

See: #41757 (comment)

[mui-bot]

Netlify deploy preview

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

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 07b9fed

[michaldudak]

Suggested change

	// Next components are tested by docs-getting-started-templates-dashboard-components/MainGrid.png
	// The following components are tested by docs-getting-started-templates-dashboard-components/MainGrid.png

The downside is that this list must be manually synchronized with the demos. But it's still better than running all demos unnecessarily, I guess.

[mnajdova]

Looks good, thanks!

[Janpot]

Have you tried disabling animations in the playwright screenshot function here? This is how we do it in Toolpad, I believe it's a relatively new playwright API. The method would apply to all screenshots (including that flaky dashboard one 🙂 and doesn't require messing with the internal implementation details)

[michaldudak]

If the animation is handled by React Spring, I'm afraid configuring it in Playwright may not be enough.

[alexfauquette]

If the browser settings ask to avoid animation (mostly for a11y issues) the charts will skip them https://mui.com/x/react-charts/pie/#animation

maybe that's what make it works

[Janpot]

Right, I'm also setting reducedMotion then in #42537