[test] Migrate CssBaseline to react-testing-library

[eladmotola]

• I have followed (at least) the PR section of the contributing guide.

#22911

[mui-pr-bot]

No bundle size changes comparing cb6b69b...1007f2f

Generated by 🚫 dangerJS against 1007f2f

[eladmotola]

I'm trying to figure out what is the connection between this component and <SwipeableDrawer />
The error that I have is

<SwipeableDrawer /> swipe to open anchor=right should slide in a bit when touching near the edge FAILED
	AssertionError: expected null to not equal null
	    at Context.<anonymous> (webpack:///packages/material-ui/src/SwipeableDrawer/SwipeableDrawer.test.js:324:29

I will appreciate any guideness here.
Maybe its because I deleted the 'strict: false'?

[oliviertassinari]

@eladmotola let us know if you can find the origin of the issue :). Otherwise, I think that we can close and solve it at a future point in time, where the enzyme test is becoming a blocker for an improvement we want to ship.

[eladmotola]

@oliviertassinari My hunch was right and it was indeed the "strict:false" here.... so its ready to be merged :)

[oliviertassinari]

Oh nice, @eps1lon is going to like this one. We have already seen something similar in the past: #18018. I would suspect that in strict mode, the cleanup isn't behaving as expected, we are left with a side effect in the page, which breaks, later on, the swipeable drawer test. I think that we can merge 👌

[eps1lon]

I would suspect that in strict mode, the cleanup isn't behaving as expected, we are left with a side effect in the page, which breaks, later on, the swipeable drawer test. I think that we can merge ok_hand

Yep, it's described above: https://github.com/mui-org/material-ui/blob/60d99a39836fb82f4da1477a717f642c216fb0b9/packages/material-ui/src/CssBaseline/CssBaseline.test.js#L7-L8