From 913c9ab59fac1532e2dd23b3fb4dd94451572374 Mon Sep 17 00:00:00 2001
From: Pavel Feldman <pavel.feldman@gmail.com>
Date: Wed, 5 Jan 2022 15:53:53 -0800
Subject: [PATCH] test: add a failing test for #11202 (#11206)

---
 tests/page/selectors-misc.spec.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/tests/page/selectors-misc.spec.ts b/tests/page/selectors-misc.spec.ts
index b1d89d0ff0..7ef29a5bb3 100644
--- a/tests/page/selectors-misc.spec.ts
+++ b/tests/page/selectors-misc.spec.ts
@@ -305,3 +305,14 @@ it('data-testid on the handle should be relative', async ({ page }) => {
   expect(await div.$eval(`data-testid=find-me`, e => e.id)).toBe('target2');
   expect(await page.$eval(`div >> data-testid=find-me`, e => e.id)).toBe('target2');
 });
+
+it('should consider display:contents elements visible', async ({ page }) => {
+  it.fixme(true, 'Nested <p> returns empty client rect');
+  it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/11202' });
+
+  await page.setContent(`
+    <div>
+      <p style="display:contents">DISPLAY CONTENTS</p>
+    </div>`);
+  await page.waitForSelector('"DISPLAY CONTENTS"');
+});