[BUG] Videos are not generated when reusing a single page between tests

Context:

• Playwright Version: 1.22.2
• Operating System: Windows 11
• Node.js version: v 17.7.1
• Browser: chromium
• Extra: [any specific details about your environment]

System:

• OS: Windows 10 10.0.22000
• Memory: 1.24 GB / 15.79 GB

Binaries:

• Node: 17.7.1 - C:\Program Files\nodejs\node.EXE
• Yarn: 1.22.17 - C:\Program Files\nodejs\yarn.CMD
• npm: 8.5.2 - C:\Program Files\nodejs\npm.CMD

Languages:

• Bash: 5.0.17 - C:\Windows\system32\bash.EXE

Code Snippet playwright.config.ts

const config: PlaywrightTestConfig = {
  reporter: [['dot'],['html']],
  use: {
    trace: 'retain-on-failure',
    screenshot: 'only-on-failure',
    video:'retain-on-failure',
  },
};

export default config;

broke.spec.ts (sourced from https://playwright.dev/docs/test-retries#reuse-single-page-between-tests)

import { test, Page } from '@playwright/test';

test.describe.configure({ mode: 'serial' });

let page: Page;

test.beforeAll(async ({ browser }) => {
  page = await browser.newPage();
});

test.afterAll(async () => {
  await page.close();
});

test('a failing test', async () => {
  await page.click('text=Get Started fail', {timeout: 1000});  // << deliberate fail
});

Describe the bug

Videos are not generated when reusing a single page between tests

Set the following configuration:

  use: {
    trace: 'retain-on-failure',
    screenshot: 'only-on-failure',
    video:'retain-on-failure',
  },

Run a failing test

Expected Result:

The spec above should successfully generate a screenshot, test steps, trace file and a video within the HTML result.

Actual Result:

The video is not being generated:

[KeionneDerousselle]

I’m having the same issue as @mweidner037. I use storageState and create pages from browser.newContext({ storageState: ... }). I’m trying to take retain videos on failure, but I’m not seeing any video recordings when my tests fail.

[mweidner037]

I’m also running into this issue - specifically, that video recording doesn’t work in pages created with brower.newContext, as described here.

My use case: I’m using storageState for authentication, as described in the docs, except that I only want to use it for some tests. So when I need it, I call browser.newContext({ storageState: ... }). But then pages created from that context don’t get video recordings.

For now I plan to use the recordVideo option and manual file manipulation to emulate video: 'retain-on-failure'.