<!doctype html>
<html>
<head>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
</head>
<body>
<!-- No space in final name; it is redundant at the end of the button -->
<button id="buttonA">before<span id="spanA1"></span> <span id="spanA2"></span>
</button>
<!-- Space in final name, to separate "before" and "after" -->
<button id="buttonB">before<span id="spanB1"></span> <span id="spanB2"></span>after
</button>
<script>
test((t) => {
// Remove the spans, so the button will have multiple contiguous text children
buttonA.removeChild(spanA1);
buttonA.removeChild(spanA2);
var axButton = accessibilityController.accessibleElementById('buttonA');
assert_equals(axButton.name, "before");
}, "Multiple text node children do not result in duplicated text");
test((t) => {
// Remove the spans, so the button will have multiple contiguous text children
buttonB.removeChild(spanB1);
buttonB.removeChild(spanB2);
var axButton = accessibilityController.accessibleElementById('buttonB');
assert_equals(axButton.name, "before after");
}, "Removing text nodes does not result in duplicated text but keeps necessary space");
</script>
</body>
</html>
Codebase Browser
chromium