Puppeteer package to use domrec-core to record DOM changes
Last updated a year ago by junker .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install domrec-puppeteer 
SYNC missed versions from official npm registry.


Uses domrec-core to record DOM changes inside puppeteer scripts. Basically, makes it possible to record videos in headless chrome.


npm install --save domrec-puppeteer or yarn add domrec-puppeteer


const {PuppeteerRecorder} = require('domrec-puppeteer')

// ...We are skipping the full setup of the puppeteer browsing session here
const page = await browser.newPage()

// Setup the Dom Recorder
const recorder = new PuppeteerRecorder(page)
await recorder.init()

// do your thing with puppeteer

await recorder.stopRecording()
await browser.close()
const recordings = recorder.recordings


  • new PuppeteerRecorder(page): Create a new PuppeteerRecorder. Page should be a puppeteer page
  • async init(): Sets up everything
  • async stopRecording(): Gathers data from the current open website. You should use this before closing the browser or after a failed test


What to do with the recordings?

Use the DOMRecPlayer from

Inner Working

We use the recording.js from domrec-core to record dom changes. We also have a second script to simplify using the DOMRecorder.

To inject the two scripts, we use page.evaluateOnNewDocument. To receive the data of the dom recording, we use page.exposeFunction.

At the moment, we only start recording after the DOMContentLoaded event on the website was triggered and we record the whole document.body.

There are plans to make both settings (when and what to record) customizable.

Current Tags

  • 0.0.2                                ...           latest (10 months ago)

2 Versions

  • 0.0.2                                ...           10 months ago
  • 0.0.1                                ...           a year ago
Maintainers (1)
Today 0
This Week 0
This Month 2
Last Day 0
Last Week 2
Last Month 0
Dependencies (1)
Dev Dependencies (0)
Dependents (0)

Copyright 2014 - 2021 © |