From f64dbe9ece52a17f976964a0f9be13d8cbf22b39 Mon Sep 17 00:00:00 2001
From: Yury Semikhatsky <yurys@chromium.org>
Date: Tue, 4 Oct 2022 18:05:43 -0700
Subject: [PATCH] test: :scope.class should narrow down locator (#17829)

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

diff --git a/tests/page/selectors-css.spec.ts b/tests/page/selectors-css.spec.ts
index 37d09afc08..bc5e59e38f 100644
--- a/tests/page/selectors-css.spec.ts
+++ b/tests/page/selectors-css.spec.ts
@@ -392,6 +392,16 @@ it('should work with :scope', async ({ page, server }) => {
   expect(await page.$eval(`html:scope`, e => e.nodeName)).toBe('HTML');
 });
 
+it('should work with :scope and class', async ({ page }) => {
+  it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/17824' });
+  it.fixme();
+  await page.setContent(`<div class="apple"></div>
+                         <div class="apple selected"></div>`);
+  const apples = page.locator('.apple');
+  const selectedApples = apples.locator(':scope.selected');
+  await expect(selectedApples).toHaveCount(1);
+});
+
 it('should absolutize relative selectors', async ({ page, server }) => {
   await page.setContent(`<div><span>Hi</span></div>`);
   expect(await page.$eval('div >> >span', e => e.textContent)).toBe('Hi');