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! @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