From 4bd9b30376c5043f1a18ca103f3d749942bd7dd0 Mon Sep 17 00:00:00 2001
From: Dmitry Gozman <dgozman@gmail.com>
Date: Fri, 29 May 2020 13:46:57 -0700
Subject: [PATCH] test: add a test for clicking a label with pointer-events:
 none (#2412)

---
 test/click.spec.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/test/click.spec.js b/test/click.spec.js
index 32b86ffcb1..0b4d7bab3b 100644
--- a/test/click.spec.js
+++ b/test/click.spec.js
@@ -524,6 +524,17 @@ describe('Page.click', function() {
     await clickPromise;
     expect(await page.evaluate(() => window.__CLICKED)).toBe(true);
   });
+  it('should wait for LABEL to be clickable when it has pointer-events:none', async({page, server}) => {
+    await page.setContent('<label onclick="javascript:window.__CLICKED=true;" style="pointer-events:none"><span>Click target</span></label>');
+    const clickPromise = page.click('text=Click target');
+    // Do a few roundtrips to the page.
+    for (let i = 0; i < 5; ++i)
+      expect(await page.evaluate(() => window.__CLICKED)).toBe(undefined);
+    // remove `pointer-events: none` css from button.
+    await page.evaluate(() => document.querySelector('label').style.removeProperty('pointer-events'));
+    await clickPromise;
+    expect(await page.evaluate(() => window.__CLICKED)).toBe(true);
+  });
   it('should update modifiers correctly', async({page, server}) => {
     await page.goto(server.PREFIX + '/input/button.html');
     await page.click('button', { modifiers: ['Shift'] });