[BUG] Blank screenshot saved after test failure in CI

[Nav-2d]

Context:

• Playwright Version: v1.10.0
• Operating System: Mac
• Node.js version: v15.4.0
• Browser: Webkit
• Extra: Docker image - v1.10.0-focal

Describe the bug
In few instances, if test fails during CI (Jenkins) run, a blank screenshot is captured (size = 5.73KB)

Test failure logs:

page.click: Timeout 30000ms exceeded.
=========================== logs ===========================
waiting for selector ".btn-primary"
selector resolved to visible <button type="button" class="btn-prim…>Test Button</button>
attempting click action
waiting for element to be visible, enabled and stable
============================================================

page.waitForSelector: Timeout 30000ms exceeded.
=========================== logs ===========================
waiting for selector "section[data-label="display-sec"] [data-testid="toggler-sec"]" to be visible
============================================================

Only noticed on Webkit (iPhone 11) and happens intermittently.

Screenshot:

[dgozman]

@Nav-2d How do you capture the screenshot? Perhaps the page is actually blank at that time? Do you have a repro script? We need more information to help you 😄

[Nav-2d]

We are using jest-playwright and this is how we capture the screenshot:

await this.global.page.screenshot({
path: `src/tests/e2e/.screenshots/${parentName}_${specName}.png`,
});

I highly doubt page is blank because the test is able to find few other elements on the page (i.e. it is not failing on the first step).

[aslushnikov]

@Nav-2d can you please share more code? Could it be that you take screenshot before doing other actions?

[aslushnikov]

I'll close this for now - looks like this is not relevant any more. If it is relevant for you, please feel free to file a new issue!