[Bug]: `html:has(> body)` and `:scope > body` on the `<html>` element match nothing

Aperta
  • Qualcosa non va?
#43,987 3 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
76/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
playwright, typescript
Ambito
backend, testing-qa

Direzione di ricerca

Start in packages/injected/src/selectorEvaluator.ts, especially _matchesSimple and _expandContextForScopeMatching, which the issue identifies as the failing path. Compare the behavior for the root element with the included reproduction and native querySelectorAll. Done means the three reported locators match one element, with regression coverage for root :scope matching.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Version

1.65.0 (also 1.66.0-alpha-1793916328000)

Steps to reproduce
  1. Clone https://github.com/trackoor/playwright-css-has-root-repro
  2. npm install && npx playwright install chromium
  3. npm test

The test:

import { test, expect } from '@playwright/test';

test(':has(> ...) and :scope > ... on the <html> element', async ({ page }) => {
  await page.setContent('<body class="dark"><div><p>x</p></div></body>');

  // native querySelectorAll finds 1 for each of these
  expect(await page.evaluate(() => document.querySelectorAll('html:has(> body)').length)).toBe(1);

  await expect(page.locator('html:has(> body)')).toHaveCount(1);
  await expect(page.locator(':root:has(> body)')).toHaveCount(1);
  await expect(page.locator('html').locator(':scope > body')).toHaveCount(1);
});
Expected behavior

All three locators find the one element, like document.querySelectorAll does for the same selectors.

Actual behavior

All three return 0 elements:

Error: expect(locator).toHaveCount(expected) failed
Locator:  locator('html:has(> body)')
Expected: 1
Received: 0

html:has(body) and div:has(> p) work, so only :scope matching on the root element is affected.

Additional context

In packages/injected/src/selectorEvaluator.ts, _matchesSimple refuses element === context.scope and relies on _expandContextForScopeMatching to widen the scope to the parent. For <html>, parentElementOrShadowHost() returns null, so the context is returned unchanged and <html> can never match as :scope. Same code on main at 07c7069.

Environment
System:
  OS: Linux (x64)
Binaries:
  Node: 26.13.0
npmPackages:
  @playwright/test: 1.65.0

Credit: https://ucsbplse.github.io/

Lingua principale
TypeScript
Stelle
99.1k
Fork
6.8k
Merge medio
17h 6m
PR unite (30g)
306

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di microsoft/playwright

Tutte le issue di microsoft/playwright

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.