gulp-shot-cli

gulp-shot-cli is a Node library that uses Puppeteer which provides a high-level API to control headless Chrome or Chromium over the DevTools Protocol. It can also be configured to use full (non-headless) Chrome or Chromium. It creates an instance of Browser, open pages, and then navigates the all pages in the theme folder and saves the screenshots in the dist folder one by one.

Open a terminal at the root folder and run the following command to install the dependencies.

npm i

Then go the theme folder and open a simple http server with port 3000

cd theme

The following command will create a python http server. For earlier version of python:

python -m SimpleHTTPServer 3000

For python 3:

python3 -m http.server 3000

| Default Commands | Description| |------------------|------------| | gulp shot | Take the screenshots of all the html pages in the theme folder. | | gulp rename | Rename the all images in the dist folder with the prefix dist--. | | gulp | Take the screenshots of all the html pages in the theme folder and then rename the all images in the dist folder with the prefix dist--. |

Please report bugs and contribute at github gulp-shot-cli.