[Question/Help] How to record video of a test?

I can record videos using playwright, while creating a page object.

//Playwright 1.8.0
// With browser.newPage()
const page = await browser.newPage({ recordVideo: { dir: 'videos/' } });
await page.close();

Since jest-playwright-preset creates a page object for us by default. How do we record videos using jest-playwright-preset?

[mxschmitt]

Something like that should work when you put it into your configuration file.

// jest-playwright.config.js
module.exports = {
  contextOptions: {
    recordVideo: { dir: 'videos/' }
  }
}
```

[se-thomas]

I’ve been trying to follow the info I’ve found online regarding this setting, and there are no videos produced when I run my test:

// __tests_/example.js
describe('Visit websites', () => {
  it('can visit a few web pages successfully', async () => {
    await page.goto("https://google.com", { waitUntil: "networkidle" })
    await page.goto("https://apple.com", { waitUntil: "networkidle" })
    await page.goto("https://github.com", { waitUntil: "networkidle" })
  })
})

// jest-playwright.config
module.exports = {
    launchOptions: {
      headless: true
    },
    contextOptions: {
        recordVideo: {
            dir: "videos/"
        },
        ignoreHTTPSErrors: true,
        viewport: {
            width: 1920,
            height: 1080
        }
    },
    browsers: ["chromium", "firefox"]
}

// jest.e2e.config.js
module.exports = {
    verbose: true,
    preset: "jest-playwright-preset"
}

// package.json
{
  "name": "poc",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "jest -c jest.e2e.config.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "jest": "^26.6.3",
    "jest-playwright-preset": "^1.5.2",
    "playwright": "^1.11.0"
  }
}

Running test using: npm run test

I’m probably missing something basic, but some pointers please.

Many thanks in advance