✨ add Puppeteer example to drive the chromium browser

Author: jlandure

README.md

@@ -42,7 +42,7 @@ Also available here `wget https://raw.githubusercontent.com/jfrazelle/dotfiles/m
 Launch the container using: 
 `docker container run -it --rm --security-opt seccomp=$(pwd)/chrome.json zenika/alpine-chrome`
 
-# How to use
+# How to use in command line
 
 ## Default entrypoint 
 
@@ -83,6 +83,20 @@ Command (with no-sandbox):  `docker container run -it --rm -v $(pwd):/usr/src/ap
 
 Command (with no-sandbox):  ``docker container run -u `id -u $USER` -it --rm -v $(pwd):/usr/src/app zenika/alpine-chrome --no-sandbox --screenshot --hide-scrollbars --window-size=412,732 https://www.chromestatus.com/``
 
+# How to use with Puppeteer
+
+With tool like ("Puppeteer")[https://pptr.dev/#?product=Puppeteer&version=v1.5.0&show=api-class-browser], we can add a lot things with our Chrome Headless. 
+
+With some code in NodeJS, we can improve and make some tests.
+
+See the ["with-puppeteer"](https://github.com/Zenika/alpine-chrome/blob/master/with-puppeteer) folder for more details.
+
+If you have a NodeJS/Puppeteer script in your current folder named `my-test.js`, you can launch it using the following command:
+
+```
+docker run -it --rm -v $(pwd):/usr/src/app --cap-add=SYS_ADMIN zenika/alpine-chrome:with-puppeteer node my-test.js
+```
+
 # References
 
  * Headless Chrome website: https://developers.google.com/web/updates/2017/04/headless-chrome

with-puppeteer/.dockerignore

@@ -0,0 +1 @@
+node_modules

with-puppeteer/.gitignore

@@ -0,0 +1,2 @@
+node_modules
+**.pdf

with-puppeteer/Dockerfile

@@ -0,0 +1,9 @@
+FROM zenika/alpine-chrome
+
+ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD 1
+COPY package.json package-lock.json /usr/src/app/
+RUN npm install
+COPY . /usr/src/app
+WORKDIR /usr/src/app
+ENTRYPOINT []
+CMD node pdf.js

with-puppeteer/package-lock.json

@@ -0,0 +1,18 @@
+{
+  "name": "zenika-alpinechrome-withpuppeteer",
+  "version": "1.0.0",
+  "description": "Tests with puppeteer",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zenika/alpine-chrome.git"
+  },
+  "author": "jlandure",
+  "license": "MIT",
+  "dependencies": {
+    "puppeteer": "^1.5.0"
+  }
+}

with-puppeteer/package.json

@@ -0,0 +1,13 @@
+const puppeteer = require('puppeteer');
+
+(async () => {
+  const browser = await puppeteer.launch({
+  	executablePath: '/usr/bin/chromium-browser',
+  	//args: ['--headless', '--disable-gpu', '--remote-debugging-port=9222'],
+  });
+  const page = await browser.newPage();
+  await page.goto('https://www.chromestatus.com/', {waitUntil: 'networkidle2'});
+  await page.pdf({path: 'hn.pdf', format: 'A4'});
+
+  await browser.close();
+})();