[Feature] Command events/hooks

[dialupdev]

Hi there. First of all v0.12 is looking really great. Thank you for all the work you've been doing!

The feature I'm interested in is events or hooks that indicate that a command is starting or finishing. Ideally the command name and arguments would be exposed.

My use case: I'm writing end-to-end tests, and I want to display a command log via stdout for faster debugging (ignore the [object Object] part).

I have gotten this to work by monkey-patching my page instance and decorating some built-in methods like this.

const method = page.click;

page.click = (...args: any[]) => {
  return commandLogger.log(page, () => method.apply(page, args), 'click', args);
};

But it would be nice to have a cleaner way of accomplishing this. :) Let me know what you think!

[pavelfeldman]

You could try setting the DEBUG=pw:api environment variable for a variation of this. But I think we could also expose a hook for you to specify your own sink for these log messages.

[dialupdev]

Ah great point. I do think it would be nice to have a bit more control over what gets logged though as that's quite verbose and not all of it is useful to the average developer.

[aslushnikov]

There's now a Logger that you can specify for the browser, browsercontext or page. This is pretty low-level, but should give enough control!