blob: 25140e9b7e13f6147526b3c2055c6a11d458ece7 [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../resources/accessibility-helper.js"></script>
<script src="../resources/js-test.js"></script>
</head>
<body>
<input placeholder="search" type="text" name="q" size="15" maxlength="255" id="searchterm" />
<input id="password" class="field" type="password" name="sc1798" value="" placeholder="Password" spellcheck="true" maxlength="5096">
<span id="label">Birthday:</span>
<div id="search" role="searchbox" aria-labelledby="label" aria-placeholder="MM-DD-YYYY">03-14-1879</div>
<input type="text" id="input" placeholder="Fill in the blank" aria-placeholder="aria placeholder">
<script>
var testOutput = "This test ensures that the placeholder is returned as the correct attribute.\n\n";
if (window.accessibilityController) {
window.jsTestIsAsync = true;
var fieldElement = accessibilityController.accessibleElementById("searchterm");
testOutput += expect("fieldElement.stringAttributeValue('AXPlaceholderValue')", "'search'");
var passwordElement = accessibilityController.accessibleElementById("password");
testOutput += expect("passwordElement.stringAttributeValue('AXPlaceholderValue')", "'Password'");
var searchElement = accessibilityController.accessibleElementById("search");
testOutput += expect("searchElement.stringAttributeValue('AXPlaceholderValue')", "'MM-DD-YYYY'");
// When the placeholder and aria-placeholder attributes are both present, use the placeholder attribute's value.
var textInput = accessibilityController.accessibleElementById("input");
testOutput += expect("textInput.stringAttributeValue('AXPlaceholderValue')", "'Fill in the blank'");
testOutput += "\nUpdating aria-placeholder attribute of the #search element to 'YYYY-MM-DD'.\n";
document.getElementById("search").ariaPlaceholder = "YYYY-MM-DD";
setTimeout(async function() {
await waitFor(() => searchElement.stringAttributeValue("AXPlaceholderValue") === "YYYY-MM-DD");
testOutput += expect("searchElement.stringAttributeValue('AXPlaceholderValue')", "'YYYY-MM-DD'");
testOutput += "\nUpdating placeholder attribute of the #search element to 'Foo'.\n";
document.getElementById("search").setAttribute("placeholder", "Foo");
await waitFor(() => searchElement.stringAttributeValue("AXPlaceholderValue") === "Foo");
testOutput += expect("searchElement.stringAttributeValue('AXPlaceholderValue')", "'Foo'");
debug(testOutput);
finishJSTest();
}, 0);
}
</script>
</body>
</html>