Using script recorders

With Playwright and Puppeteer, writing scripts manually is not the only option. Since browser automation became possible, there have always been tools trying to simplify script creation. Such instruments aim to help users with little or no scripting skills use automation tools, while also saving more expert users time when creating brand new scripts.

Recorders can be used to quickly generate code for a scenario, saving time users would otherwise have to spend inspecting the various pages to find valid selectors. When creating multiple scripts, this adds up to a noticeable amount of time saved.

Tools to record headless automation scripts

In the world of headless automation, Microsoft’s Playwright and Google’s Puppeteer provide recorders.

Record Playwright scripts with codegen

Playwright provides multiple ways to record browser automation scripts. The recommended approach is to leverage the built-in codegen command.

Playwright codegen example

Pro tip: if you’re using the Playwright VS Code extension, you can also record and run scripts in your editor.

Record Puppeteer scripts in Google Chrome

While the Puppeteer executable doesn’t provide a built-in recorder, use the Google Chrome developer tools to give your Puppeteer scripts a headstart. Navigate to the “Recorder” panel and export a Puppeteer script.

Puppeteer recorder example

Using recorders effectively

Regardless of your chosen approach, you will want to inspect the output scripts to make sure they are doing what you need them to in the fastest and most reliable way possible.

Double-check the newly created scripts and tweak it when necessary, especially keeping an eye out for:

  1. Selectors, which should be in line with common best practices.
  2. Waits, which should ensure the right element is present and/or ready for interaction at the right time; also, make sure you get rid of unnecessary waits.
  3. Any sort of needless duplication.

Takeaways

  1. Recorders are a powerful tool to speed up script creation.
  2. Recorded scripts should always be inspected and possibly tweaked to ensure correctness and efficiency.
  3. Script maintenance is still required after scripts have been recorded.

Further reading

  1. Playwright Codegen documentation.

Last updated on April 17, 2024. You can contribute to this documentation by editing this page on Github