Bug 1570552 [wpt PR 18223] - Add ARIA role, state and properties to E…

…lementInternals, a=testonly

Automatic update from web-platform-tests
Add ARIA role, state and properties to ElementInternals

Adds a way to set default ARIA role, state & properties for custom
elements through ElementInternals. These can be overridden with setting
the ARIA attributes on the element directly.

See whatwg/html#4658 for spec PR.
Explainer: https://github.com/alice/aom/blob/gh-pages/explainer.md#per-instance-dynamic-semantics-via-the-elementinternals-object
Intent to Implement: https://groups.google.com/a/chromium.org/d/msg/blink-dev/b-cGz9c67pM/0zvBzjhrAAAJ

Change-Id: I0caf6bc302445e48f4e0324513105eba3d6303a6
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1709950
Commit-Queue: Rakina Zata Amni <rakinachromium.org>
Reviewed-by: Alice Boxhall <aboxhallchromium.org>
Reviewed-by: Kent Tamura <tkentchromium.org>
Cr-Commit-Position: refs/heads/master{#685141}

--

wpt-commits: 5c61f2493fe744dc9f3d08e1f5a80165f574cfa3
wpt-pr: 18223

UltraBlame original commit: a95eec38bb25d830da2c2414356d5904c8e99d6d

testing/web-platform/tests/custom-elements/form-associated/ElementInternals-accessibility.html

@@ -0,0 +1,322 @@
+<
+!
+DOCTYPE
+HTML
+>
+<
+script
+src
+=
+"
+/
+resources
+/
+testharness
+.
+js
+"
+>
+<
+/
+script
+>
+<
+script
+src
+=
+"
+/
+resources
+/
+testharnessreport
+.
+js
+"
+>
+<
+/
+script
+>
+<
+script
+>
+class
+TestElement
+extends
+HTMLElement
+{
+constructor
+(
+)
+{
+super
+(
+)
+;
+this
+.
+_internals
+=
+this
+.
+attachInternals
+(
+)
+;
+}
+get
+internals
+(
+)
+{
+return
+this
+.
+_internals
+;
+}
+set
+internals
+(
+val
+)
+{
+throw
+"
+Can
+'
+t
+set
+internals
+!
+"
+;
+}
+}
+customElements
+.
+define
+(
+"
+test
+-
+element
+"
+TestElement
+)
+;
+<
+/
+script
+>
+<
+test
+-
+element
+id
+=
+"
+testElement
+"
+>
+<
+/
+test
+-
+element
+>
+<
+script
+>
+const
+element
+=
+document
+.
+getElementById
+(
+"
+testElement
+"
+)
+;
+const
+properties
+=
+[
+"
+role
+"
+"
+ariaActiveDescendant
+"
+"
+ariaAtomic
+"
+"
+ariaAutoComplete
+"
+"
+ariaBusy
+"
+"
+ariaChecked
+"
+"
+ariaColCount
+"
+"
+ariaColIndex
+"
+"
+ariaColSpan
+"
+"
+ariaControls
+"
+"
+ariaCurrent
+"
+"
+ariaDescribedBy
+"
+"
+ariaDetails
+"
+"
+ariaDisabled
+"
+"
+ariaErrorMessage
+"
+"
+ariaExpanded
+"
+"
+ariaFlowTo
+"
+"
+ariaHasPopup
+"
+"
+ariaHidden
+"
+"
+ariaKeyShortcuts
+"
+"
+ariaLabel
+"
+"
+ariaLabelledBy
+"
+"
+ariaLevel
+"
+"
+ariaLive
+"
+"
+ariaModal
+"
+"
+ariaMultiLine
+"
+"
+ariaMultiSelectable
+"
+"
+ariaOrientation
+"
+"
+ariaOwns
+"
+"
+ariaPlaceholder
+"
+"
+ariaPosInSet
+"
+"
+ariaPressed
+"
+"
+ariaReadOnly
+"
+"
+ariaRelevant
+"
+"
+ariaRequired
+"
+"
+ariaRoleDescription
+"
+"
+ariaRowCount
+"
+"
+ariaRowIndex
+"
+"
+ariaRowSpan
+"
+"
+ariaSelected
+"
+"
+ariaSort
+"
+"
+ariaValueMax
+"
+"
+ariaValueMin
+"
+"
+ariaValueNow
+"
+"
+ariaValueText
+"
+]
+;
+for
+(
+const
+property
+of
+properties
+)
+{
+test
+(
+(
+)
+=
+>
+{
+assert_inherits
+(
+element
+.
+internals
+property
+)
+;
+}
+property
++
+"
+is
+defined
+in
+ElementInternals
+"
+)
+;
+}
+<
+/
+script
+>