Pass Class as an Argument to page.evaluate in Puppeteer

Question

In Puppeteer, page.evaluate throws an error if I pass a class as an argument.

It works for regular objects though.

Is there some workaround to make it work?

const puppeteer = require("puppeteer");

(async () => {
let browser = await puppeteer.launch({
    headless: true
});
let page = await browser.newPage();
class SomeClass {
    constructor() {
        this.a = 3;
    }
}
await page.evaluate((SomeClass) => {
    let object = new SomeClass();
    console.log(object.a);
}, SomeClass);
})();

Answer 1

There is a similar problem if you try to pass a function. I've seen people stringifying the function to pass it to puppeteer to make it work, so in your case I'd do this using eval. Many people think eval is evil, maybe there is a better way, but at least it's a possible workaround.

class SomeClass {
    constructor() {
        this.a = 3;
    }
}    
await page.evaluate((strSomeClass) => {
    eval("window.SomeClass = " + strSomeClass);
    let object = new SomeClass();
    console.log(object.a);
}, SomeClass.toString());

Answer 2

You can avoid using eval() by passing an instance of the object, rather then the object itself, to page.evaluate():

await page.evaluate(object => {
  console.log(object.a);
}, new SomeClass);

Your full program should look something like this:

'use strict';

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({
    headless: true,
  });

  const page = await browser.newPage();

  class SomeClass {
    constructor() {
      this.a = 3;
    }
  }

  await page.evaluate(object => {
    console.log(object.a);
  }, new SomeClass);

  await browser.close();
})();