[BUG] Black Screen in video and trace on mobile

Context:

• Playwright Version: 1.18.1
• Operating System: bitbucket pipelines + running with playwright official image mcr.microsoft.com/playwright:v1.18.1-focal
• Browser: [e.g. All, Chromium, Firefox, WebKit]
• Extra: project config

{
	name: 'Mobile Safari',
	use: {
		...devices['iPhone 13 Pro']
	}
}

When I run the tests inside bitbucket pipelines after a few seconds the video is turning to a black screen (sometimes it’s totally black sometimes you can see parts of the screen) It doesn’t happen when on Desktop Chrome

https://user-images.githubusercontent.com/42112796/152193451-5f12d861-0f98-4349-aae5-97cc3a978ff7.mov

[mspina-cit]

I’m facing the same issue here. Usually the page gets black when scrolling down to take a locator screenshot, for exemple, when it’s below the current/initial viewport. But sometimes it works, so it is intermittent. Looks like it happens more often when running multiple tests with more workers (I usually use 4 or 5 workers).

I’m using:

• Webkit emulating iPhone 11
• Playwright 1.19.2
• Only happens when running inside docker (locally or Jenkins), using image: mcr.microsoft.com/playwright:v1.19.0-focal (when running locally in my Mac outside the docker container it goes fine)

[TJHdev]

I’m having a very similar issue when running mobile safari tests in the CI (linux distro). I can’t recreate the issue locally when running on macOs 11.4. The issue seems to crop up when toasts or popovers are involved. I can share a couple of traces with videos included but prefer not to post it publicly on here.

Playwright gets into a loop doing the following, but the video shows that the app seems to have a gone out of the bounds recording box. (very similar to what dz1dz1on has posted above)

waiting for selector "div[role="menu"] >> div[role="button"]:has-text("Delete")"
selector resolved to visible <div tabindex="0" role="button" class=" css-17j40lu" …>…</div>
attempting click action
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling
element is outside of the viewport
retrying click action, attempt #1
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling
element is outside of the viewport
retrying click action, attempt #2
waiting 20ms
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling

Playwright 1.27.1