Use jquery to get clip rect of screenshot to capture in screenshot tests instead of getBoundingClientRect.

1 files changed, 5 insertions, 1 deletions

diff --git a/tests/lib/screenshot-testing/support/page-renderer.js b/tests/lib/screenshot-testing/support/page-renderer.js
index 7e8edcb466..a6819aabf1 100644
--- a/tests/lib/screenshot-testing/support/page-renderer.js
+++ b/tests/lib/screenshot-testing/support/page-renderer.js
@@ -250,7 +250,11 @@ PageRenderer.prototype.capture = function (outputPath, callback, selector) {
                 var clipRect = {bottom: null, height: null, left: null, right: null, top: null, width: null};
 
                 element.each(function (index, node) {
-                    var rect = node.getBoundingClientRect();
+                    var rect = $(node).offset();
+                    rect.width = $(node).outerWidth();
+                    rect.height = $(node).outerHeight();
+                    rect.right = rect.left + rect.width;
+                    rect.bottom = rect.top + rect.height;
 
                     if (isInvalidBoundingRect(rect)) {
                         // element is not visible