diff --git a/test/golden-chromium/screenshot-offscreen-clip.png b/test/golden-chromium/screenshot-offscreen-clip.png
new file mode 100644
index 0000000000000..31a0935cda7de
Binary files /dev/null and b/test/golden-chromium/screenshot-offscreen-clip.png differ
diff --git a/test/golden-firefox/screenshot-offscreen-clip.png b/test/golden-firefox/screenshot-offscreen-clip.png
new file mode 100644
index 0000000000000..31a0935cda7de
Binary files /dev/null and b/test/golden-firefox/screenshot-offscreen-clip.png differ
diff --git a/test/screenshot.spec.js b/test/screenshot.spec.js
index 701e208ab05cd..a2bae3b33f626 100644
--- a/test/screenshot.spec.js
+++ b/test/screenshot.spec.js
@@ -39,6 +39,19 @@ module.exports.addTests = function({testRunner, expect, product}) {
       });
       expect(screenshot).toBeGolden('screenshot-clip-rect.png');
     });
+    it_fails_ffox('should clip elements to the viewport', async({page, server}) => {
+      await page.setViewport({width: 500, height: 500});
+      await page.goto(server.PREFIX + '/grid.html');
+      const screenshot = await page.screenshot({
+        clip: {
+          x: 50,
+          y: 600,
+          width: 100,
+          height: 100
+        }
+      });
+      expect(screenshot).toBeGolden('screenshot-offscreen-clip.png');
+    });
     it('should run in parallel', async({page, server}) => {
       await page.setViewport({width: 500, height: 500});
       await page.goto(server.PREFIX + '/grid.html');