Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 11 days 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!
- Host: GitHub
- URL: https://github.com/onderceylan/puppeteer-demos
- Owner: onderceylan
- License: apache-2.0
- Created: 2019-11-14T23:58:38.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-02-17T08:57:10.000Z (9 months ago)
- Last Synced: 2024-10-17T23:04:43.532Z (21 days ago)
- Topics: automation, chrome, chromium, performance, puppeteer, puppeteer-demos, testing
- Language: JavaScript
- Homepage:
- Size: 1.22 MB
- Stars: 75
- Watchers: 9
- Forks: 7
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: security.js
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