From ad36a194a5121a01102b8fdee766e4e774ea30f2 Mon Sep 17 00:00:00 2001
From: Max Schmitt <max@schmitt.mx>
Date: Tue, 2 Nov 2021 16:55:32 +0100
Subject: [PATCH] test: add screenshot test with hanging main resource (#9972)

---
 tests/screenshot.spec.ts                      |  21 +++++++++++++++++-
 .../hanging-main-resource-firefox.png         | Bin 0 -> 5304 bytes
 .../hanging-main-resource-webkit.png          | Bin 0 -> 17787 bytes
 3 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 tests/screenshot.spec.ts-snapshots/hanging-main-resource-firefox.png
 create mode 100644 tests/screenshot.spec.ts-snapshots/hanging-main-resource-webkit.png

diff --git a/tests/screenshot.spec.ts b/tests/screenshot.spec.ts
index 713be2a217..a75d18f0dd 100644
--- a/tests/screenshot.spec.ts
+++ b/tests/screenshot.spec.ts
@@ -119,7 +119,7 @@ browserTest.describe('page screenshot', () => {
   });
 });
 
-browserTest.describe('element sceenshot', () => {
+browserTest.describe('element screenshot', () => {
   browserTest.skip(({ browserName, headless }) => browserName === 'firefox' && !headless);
 
   browserTest('element screenshot should work with a mobile viewport', async ({ browser, server, browserName }) => {
@@ -265,4 +265,23 @@ browserTest.describe('element sceenshot', () => {
     await verifyViewport(page, 350, 360);
     await context.close();
   });
+
+  browserTest('should work if the main resource hangs', async ({ browser, browserName, mode, server }) => {
+    browserTest.skip(mode !== 'default');
+    browserTest.fixme(browserName === 'chromium', 'https://github.com/microsoft/playwright/issues/9757');
+    const page = await browser.newPage();
+    server.setRoute('/slow', (req, res) => {
+      res.writeHead(200, {
+        'content-length': 4096,
+        'content-type': 'text/html',
+      });
+    });
+    try {
+      await page.goto(server.PREFIX + '/slow', { timeout: 1000 }).catch(() => {});
+      const screenshot = await page.screenshot();
+      expect(screenshot).toMatchSnapshot('hanging-main-resource.png');
+    } finally {
+      await page.close();
+    }
+  });
 });
diff --git a/tests/screenshot.spec.ts-snapshots/hanging-main-resource-firefox.png b/tests/screenshot.spec.ts-snapshots/hanging-main-resource-firefox.png
new file mode 100644
index 0000000000000000000000000000000000000000..f526d527761eff77de870acacb8932ad7609355a
GIT binary patch
literal 5304
zcmeAS@N?(olHy`uVBq!ia0y~yU<ERnE^x2`sq?jW!x$Ju>OEZ?Ln`LHz2V5oV8C<W
zz%TQ=t0bBWmMgqJ!vs{t5c$~}L@`txXJ7$R4F=2tAnqX^2N1<!%)khw6wZuFjt0VL
zN*K)!qh-Qq!8lqwj8>7O?F3*+I2s6}fiT)K9_=2C_K`+AiolX^G!RAuVRYOCm<C1z
fVKfk+!-#x-Q#qEM-K@GFR5W<H`njxgN@xNA*|9Zd

literal 0
HcmV?d00001

diff --git a/tests/screenshot.spec.ts-snapshots/hanging-main-resource-webkit.png b/tests/screenshot.spec.ts-snapshots/hanging-main-resource-webkit.png
new file mode 100644
index 0000000000000000000000000000000000000000..014224c0185bd2e36a304930b304b06036b71c84
GIT binary patch
literal 17787
zcmeI4&r2IY6vyA}CNXM4<G~t&&;?7OKaeQiT_qZGFo=i>df2wKDD)tDX+dR`($b=*
zAYK#}|9~K#6hTrw3L0;E@X&*3554syh|U(@n05Ckc=;Zdec8<J%)EJ@`Mw$0{n3}t
z#%oeFL=?~UWcrE1($vb)h&&z6oDRy9nCj1VQt_bikNlDOFr53?+e@#c9VPL7oI-99
zd8Fh)q&tFic^2+9N8^9P<mhZ`Ww+q_rqU*nNx4kNz-RII_*a~anBHPtuhza>C~SAE
z>};H$PKKfh!?a0g6~^;$zICau;({tNEp#XAE1xhDPt){mzkbpC9QQU`l%J^E?~G_|
zlJ?GicHgU67AVn0RY04*hGX{c$*!jRZA};!{nG>5x~oM>6I*L_{??}H($n4BR=pLv
zwK;keP<N89{2imYbz7uIi(>(G$Lv{u$82-BM9Jo%wn|su)*Uh1{T(xnHx|W~U#9|E
zt2@v99m6nqy^di}!3-KIalxdd<}*x6p6M9cpg4g<d(;FHtr8t%N_UAY5>_=~7)V%^
zto}E!Zcv<H`Q};QVfn^c7go_qR$T*|8Hy9^DS6Zcn;F>5zz!=X6rce#fCkXO9smuX
zfnx#M02)98XkZV32GGE<0BrybpaC?n2S5X8;8=h*fCkV28rTD%0W@$dKpQ{<XaEiD
z0nh*%I2ND{paC?12KE4G01X@q&<4-|8bAYk;E`ysK8+NJLMQIG06cHCg)l)q(vV;n
h@U8>ib$FofXEf}+s9t$l_+q*rKFM|EGsRA8{sseuGDiRa

literal 0
HcmV?d00001