add css option - fixes #228

package.json

@@ -13,7 +13,7 @@
     "node": ">=0.12.0"
   },
   "scripts": {
-    "test": "xo && npm run prepublish && nyc ava",
+    "test": "xo && npm run prepublish && nyc ava --serial",
     "prepublish": "babel lib --out-dir=dist --optional=runtime",
     "coveralls": "nyc report --reporter=text-lcov | coveralls"
   },
@@ -69,7 +69,7 @@
     "plur": "^2.0.0",
     "protocolify": "^1.0.0",
     "rimraf": "^2.2.8",
-    "screenshot-stream": "^3.0.0",
+    "screenshot-stream": "^3.1.0",
     "viewport-list": "^4.0.1"
   },
   "devDependencies": {

readme.md

@@ -51,6 +51,12 @@ Default: `false`
 
 Crop to the set height.
 
+##### css
+
+Type: `string`
+
+Apply custom CSS to the webpage. Specify some CSS or the path to a CSS file.
+
 ##### cookies
 
 Type: `array` of `string`, `object`

test/test.js

@@ -74,6 +74,15 @@ test('crop image using the `crop` option', async t => {
 	t.is(size.height, 768);
 });
 
+test('have a `css` option', async t => {
+	const streams = await new Pageres({delay: 2, css: 'body { background-color: red; }'}).src('http://todomvc.com', ['1024x768']).run();
+	const png = new PNG(await getStream.buffer(streams[0]));
+	const pixels = await rfpify(png.decode.bind(png), Promise)();
+	t.is(pixels[0], 255);
+	t.is(pixels[1], 0);
+	t.is(pixels[2], 0);
+});
+
 test('rename image using the `filename` option', async t => {
 	const streams = await new Pageres()
 		.src('http://todomvc.com', ['1024x768'], {