1913371 - [wpt-sync] Sync PR 47622 - Reference Target for Cross-Root ARIA

Status: RESOLVED FIXED

(Core :: DOM: Core & HTML, task, P4)

Description

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Sync web-platform-tests PR 47622 into mozilla-central (this bug is closed when the sync is complete).

PR: https://github.com/web-platform-tests/wpt/pull/47622
Details from upstream follow.

Ben Howell <[e-mail]> wrote:

Reference Target for Cross-Root ARIA

Reference Target is a new feature for Shadow DOM to enable the use of IDREF attributes such as for and aria-labelledby to refer to elements inside a shadow tree, while maintaining encapsulation of the internal details of the shadow tree. A driving goal of this feature is to enable ARIA to work across shadow root boundaries.

A custom element that hosts a shadow tree can specify the ID of an element in its shadow tree to act as its "reference target", for example a \<fancy-input> component might have an \<input> element inside, and set it as the reference target. When the host component is the target of a IDREF like a label's for attribute, the reference target becomes the effective target of the label instead.

The shadow root specifies the ID of the target element either in JavaScript with the referenceTarget attribute on the ShadowRoot object, or in HTML markup using the shadowrootreferencetarget attribute on the \<template> element for a declarative shadow root.

Explainer: https://github.com/WICG/webcomponents/blob/gh-pages/proposals/reference-target-explainer.md

Design document: https://docs.google.com/document/d/1c8gNwtCREEBZ2itt6poKdmQyS1tjdA_Dk69ly3XVZkk

Chrome Status: https://chromestatus.com/feature/5188237101891584

Bug: 346835896

Change-Id: If4da0ba56e2788815c0e903400c730f348361996
Reviewed-on: https://chromium-review.googlesource.com/5615615
WPT-Export-Revision: 38ddb7d45c93106fbd45811028ac0af0727949b7

Comment 1

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Pushed to try (stability) https://treeherder.mozilla.org/#/jobs?repo=try&revision=a361e3acb76bacb6f364b537a2f1f36b1f1f1053

Comment 2

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

CI Results

Ran 0 Firefox configurations based on mozilla-central, and Firefox, Chrome, and Safari on GitHub CI

Total 6 tests and 28 subtests

Status Summary

Firefox

OK : 4
PASS : 15
FAIL : 17
ERROR: 2

Chrome

OK : 4
PASS : 27
FAIL : 5
ERROR: 2

Safari

OK : 4
PASS : 22
FAIL : 10
ERROR: 2

Links

GitHub PR Head
GitHub PR Base

Details

Firefox-only Failures

• /shadow-dom/reference-target/tentative/property-reflection.html [wpt.fyi]
  • ariaControlsElements reflects reference target host element: FAIL
  • ariaDescribedByElements reflects reference target host element: FAIL
  • ariaDetailsElements reflects reference target host element: FAIL
  • ariaErrorMessageElements reflects reference target host element: FAIL
  • ariaFlowToElements reflects reference target host element: FAIL
  • ariaLabelledByElements reflects reference target host element: FAIL
  • ariaOwnsElements reflects reference target host element: FAIL

New Tests That Don't Pass

• /shadow-dom/reference-target/tentative/anchor.html [wpt.fyi]
  • ShadowRoot ReferenceTarget works with anchor attribute.: FAIL (Chrome: FAIL, Safari: FAIL)
• /shadow-dom/reference-target/tentative/aria-labelledby.html [wpt.fyi]
  • Label 1: FAIL (Chrome: FAIL, Safari: FAIL)
  • Label 2: FAIL (Chrome: FAIL, Safari: FAIL)
• /shadow-dom/reference-target/tentative/label-descendant.html [wpt.fyi]: ERROR (Chrome: ERROR, Safari: ERROR)
• /shadow-dom/reference-target/tentative/label-for.html [wpt.fyi]: ERROR (Chrome: ERROR, Safari: ERROR)
• /shadow-dom/reference-target/tentative/popovertarget.html [wpt.fyi]
  • Shadow root reference target works with popovertarget attribute.: FAIL (Chrome: FAIL, Safari: FAIL)
• /shadow-dom/reference-target/tentative/property-reflection.html [wpt.fyi]
  • ariaControlsElements reflects reference target host element: FAIL (Chrome: PASS, Safari: PASS)
  • ariaDescribedByElements reflects reference target host element: FAIL (Chrome: PASS, Safari: PASS)
  • ariaDetailsElements reflects reference target host element: FAIL (Chrome: PASS, Safari: PASS)
  • ariaErrorMessageElements reflects reference target host element: FAIL (Chrome: PASS, Safari: PASS)
  • ariaFlowToElements reflects reference target host element: FAIL (Chrome: PASS, Safari: PASS)
  • ariaLabelledByElements reflects reference target host element: FAIL (Chrome: PASS, Safari: PASS)
  • ariaOwnsElements reflects reference target host element: FAIL (Chrome: PASS, Safari: PASS)
  • HTMLLabelElement.control reflects reference target host element: FAIL (Chrome: FAIL, Safari: FAIL)
  • HTMLElement.anchorElement reflects reference target host element: FAIL (Chrome: PASS, Safari: FAIL)
  • HTMLButtonElement.commandForElement reflects reference target host element: FAIL (Chrome: PASS, Safari: FAIL)
  • HTMLInputElement.commandForElement reflects reference target host element: FAIL (Chrome: PASS, Safari: FAIL)
  • HTMLButtonElement.interestTargetElement reflects reference target host element: FAIL (Chrome: PASS, Safari: FAIL)
  • HTMLInputElement.interestTargetElement reflects reference target host element: FAIL (Chrome: PASS, Safari: FAIL)

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/e153b32d476f
[wpt PR 47622] - Reference Target for Cross-Root ARIA, a=testonly
https://hg.mozilla.org/integration/autoland/rev/3696027c0f8d
[wpt PR 47622] - Update wpt metadata, a=testonly

Comment 4

[Atila Butkovits]

https://hg.mozilla.org/mozilla-central/rev/e153b32d476f
https://hg.mozilla.org/mozilla-central/rev/3696027c0f8d