From b01f6ec9e8966cc68072cbd9867a394c39267155 Mon Sep 17 00:00:00 2001
From: Dmitry Gozman <dgozman@gmail.com>
Date: Wed, 10 Mar 2021 17:15:19 -0800
Subject: [PATCH] test: add a test for css selector being relative to the root
 handle (#5789)

---
 test/selectors-css.spec.ts  | 14 ++++++++++++++
 test/selectors-misc.spec.ts | 14 ++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/test/selectors-css.spec.ts b/test/selectors-css.spec.ts
index fa2c2421b7..a597524187 100644
--- a/test/selectors-css.spec.ts
+++ b/test/selectors-css.spec.ts
@@ -374,3 +374,17 @@ it('should work with :scope', async ({page, server}) => {
     expect(await scope.$$eval(`css=* ~ :scope`, els => els.length)).toBe(0);
   }
 });
+
+it('css on the handle should be relative', async ({ page }) => {
+  await page.setContent(`
+    <span class="find-me" id=target1>1</span>
+    <div>
+      <span class="find-me" id=target2>2</span>
+    </div>
+  `);
+  expect(await page.$eval(`.find-me`, e => e.id)).toBe('target1');
+
+  const div = await page.$('div');
+  expect(await div.$eval(`.find-me`, e => e.id)).toBe('target2');
+  expect(await page.$eval(`div >> .find-me`, e => e.id)).toBe('target2');
+});
diff --git a/test/selectors-misc.spec.ts b/test/selectors-misc.spec.ts
index cf4dd48ac7..feaf41419c 100644
--- a/test/selectors-misc.spec.ts
+++ b/test/selectors-misc.spec.ts
@@ -214,3 +214,17 @@ it('xpath should be relative', async ({ page }) => {
   expect(await page.$eval(`div >> //*[@class="find-me"]`, e => e.id)).toBe('target2');
   expect(await page.$eval(`div >> xpath=/*[@class="find-me"]`, e => e.id)).toBe('target2');
 });
+
+it('data-testid on the handle should be relative', async ({ page }) => {
+  await page.setContent(`
+    <span data-testid="find-me" id=target1>1</span>
+    <div>
+      <span data-testid="find-me" id=target2>2</span>
+    </div>
+  `);
+  expect(await page.$eval(`data-testid=find-me`, e => e.id)).toBe('target1');
+
+  const div = await page.$('div');
+  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');
+});