test(checks/shared): confirm element internals do not trigger role conflict resolution

lib/checks/shared/presentational-role-evaluate.js

@@ -1,4 +1,4 @@
-import { getExplicitRole, getRole } from '../../commons/aria';
+import { getExplicitRole, getRole, hasAriaValue } from '../../commons/aria';
 import { getGlobalAriaAttrs } from '../../commons/standards';
 import { isFocusable } from '../../commons/dom';
 
@@ -34,8 +34,10 @@ export default function presentationalRoleEvaluate(node, options, virtualNode) {
 
   // user intended to make this presentational so inform them of
   // problems caused by role conflict resolution
+  // use hasAriaValue so a global ARIA attribute supplied via the reflected AOM
+  // property or element internals counts, not only the HTML attribute
   const hasGlobalAria = getGlobalAriaAttrs().some(attr =>
-    virtualNode.hasAttr(attr)
+    hasAriaValue(virtualNode, attr)
   );
   const focusable = isFocusable(virtualNode);
   let messageKey;

test/checks/shared/presentational-role.js

@@ -62,6 +62,27 @@ describe('presentational-role', () => {
     assert.deepEqual(checkContext._data.messageKey, 'both');
   });
 
+  it('detects a global aria attribute set via the reflected AOM property', () => {
+    const vNode = queryFixture(
+      '<button id="target" role="none">Still a button</button>'
+    );
+    // set via the property (no aria-live attribute present)
+    vNode.actualNode.ariaLive = 'assertive';
+
+    assert.isFalse(checkEvaluate.call(checkContext, null, null, vNode));
+    assert.deepEqual(checkContext._data.messageKey, 'both');
+  });
+
+  it('detects a global aria attribute set via element internals', () => {
+    const vNode = queryFixture(
+      '<testutils-element id="target" no-role role="none" tabindex="0">x</testutils-element>'
+    );
+    vNode.actualNode._internals.ariaLive = 'assertive';
+
+    assert.isFalse(checkEvaluate.call(checkContext, null, null, vNode));
+    assert.deepEqual(checkContext._data.messageKey, 'both');
+  });
+
   it('should return false for iframe element with role=none and title', () => {
     const vNode = queryFixture(
       '<iframe id="target" role="none" title="  "></iframe>'