Puppeteer Demos

This repo contains various demos of the concepts, ideas and experiments over puppeteer that were demonstrated as part of the talks of mine. You can also find references of the links which are shown during the talk.

🎥 Video of the talk : https://www.youtube.com/watch?v=d2WSO3w5E94

Puppeteer can automate that! @HolyJS: https://www.slideshare.net/nderCeylan/puppeteer-can-automate-that-holyjs-piter-2020

Puppeteer can automate that! @AmsterdamJS: https://www.slideshare.net/nderCeylan/puppeteer-can-automate-that-amsterdamjs

Puppeteer can automate that! @Frontmania: https://www.slideshare.net/nderCeylan/puppeteer-can-automate-that

Introducing perf budgets on CI with puppeteer @perf.now(): https://www.slideshare.net/nderCeylan/introducing-perf-budgets-on-ci-with-puppeteer

If you attended my talk, would you help me make my next one better? Please share your feedback with this form https://onderceylan.typeform.com/to/Z4SbFn. It'll only take a minute, promise :)

The scripts in this repo are built for training and demonstration purposes, feel free to use them at your own risk.

How to run scripts?

Install dependencies

npm i

Execute scripts with

node fps.js
cd whatsapp && node whatsapp.js

Run tests with

npx jest dom-snapshot.spec.js
cd budget && npx jest assert-metrics.spec.js

References in talk

• https://pptr.dev
• https://try-puppeteer.appspot.com
• https://github.com/transitive-bullshit/awesome-puppeteer
• https://chrome.google.com/webstore/detail/puppeteer-recorder/djeegiggegleadkkbgopoonhjimgehda
• https://github.com/ChromeDevTools/devtools-frontend
• chrome://flags/#enable-devtools-experiments
• chrome —-remote-debugging-port=9222
• http://127.0.0.1:9222/devtools
• http://127.0.0.1:9222/json/version
• https://chromedevtools.github.io/devtools-protocol
• https://github.com/ChromeDevTools/awesome-chrome-devtools
• https://github.com/onderceylan/pwa-asset-generator
• https://www.tensorflow.org/js/models
• https://chromedevtools.github.io/timeline-viewer/
• https://github.com/mapbox/pixelmatch#nodejs
• https://github.com/serverless/examples/tree/master/aws-node-puppeteer
• https://browserless.io
• https://checklyhq.com

Script references for some of the concepts

• https://github.com/GoogleChromeLabs/puppeteer-examples
• https://github.com/trentmwillis/devtools-protocol-demos