Split the renderImage function into two evaluations to get the final size of the capture rect correct. Need to resize the viewport before determining the size of the capture area.

Author: ashleydavis

package.json

@@ -1,6 +1,6 @@
 {
     "name": "capture-template",
-    "version": "1.0.7",
+    "version": "1.0.8",
     "description": "This library is responsible for expanding a template web page and then capturing it PNG or PDF.",
     "main": "build/index.js",
     "types": "build/index.d.ts",

src/web-page-renderer.ts

@@ -151,14 +151,21 @@ export class WebPageRenderer implements IWebPageRenderer {
         this.preRenderCheck(options);
         this.nightmare.goto(webPageUrl); 
         this.nightmare.wait(options.waitSelector);
-        await this.nightmare.evaluate(
+        await this.nightmare.evaluate(() => {
+                const body = document.querySelector('body');
+                return {
+                    width: body.scrollWidth,
+                    height: body.scrollHeight,
+                };
+            })
+            .then((bodySize: any) => {
+                return this.nightmare.viewport(bodySize.width, bodySize.height)
+            })
+            this.nightmare.evaluate(
                 (captureSelector: string) => {
-                    const body = document.querySelector('body');
                     const element = document.querySelector(captureSelector);
                     const rect = element.getBoundingClientRect();
                     return {
-                        bodyWidth: body.scrollWidth,
-                        bodyHeight: body.scrollHeight,
                         x: Math.ceil(rect.left),
                         y: Math.ceil(rect.top),
                         height: Math.ceil(rect.bottom - rect.top),
@@ -168,9 +175,7 @@ export class WebPageRenderer implements IWebPageRenderer {
                 options.captureSelector || options.waitSelector,
             )
             .then((rect: any) => {
-                return this.nightmare
-                    .viewport(rect.bodyWidth, rect.bodyHeight)
-                    .screenshot(outputFilePath, rect);
+                return this.nightmare.screenshot(outputFilePath, rect);
             });
     }