Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/onderceylan/puppeteer-demos

Puppeteer is mostly used and considered for scraping content, UI testing and automated form submissions. This repo aims to change this mindset by inspiring you on observing your daily routines and common patterns on your development and testing workflows. It will help you automate them in a creative way!
https://github.com/onderceylan/puppeteer-demos

automation chrome chromium performance puppeteer puppeteer-demos testing

Last synced: about 2 months ago
JSON representation

Puppeteer is mostly used and considered for scraping content, UI testing and automated form submissions. This repo aims to change this mindset by inspiring you on observing your daily routines and common patterns on your development and testing workflows. It will help you automate them in a creative way!

Awesome Lists containing this project

README

        

# 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