blob: 7aaac4fe6f906a8c13b6c56f5ca832bce6410794 [file] [log] [blame]
<html>
<head>
<script src="../resources/js-test-pre.js"></script>
</head>
<body id="body">
<div id="slider"
role="slider"
tabindex="0"
aria-valuemin="0"
aria-valuenow="0"
aria-valuemax="255"
aria-labelledby="idRed"></div>
<p id="description"></p>
<div id="console"></div>
<script>
description("This test verifies that the increment/decrement actions post keyboard events that are correct for LTR and orientation.");
var keyCount = 0;
function handleKeyDown(event) {
debug("Keycode received: identifier: " + event.keyIdentifier + " key name: " + event.key + " key code: " + event.keyCode);
event.preventDefault();
event.stopPropagation();
keyCount++;
if (keyCount == 8)
finishJSTest();
}
if (window.accessibilityController) {
window.jsTestIsAsync = true;
document.getElementById("slider").addEventListener('keydown', handleKeyDown);
// Get the parent element.
var axSlider = accessibilityController.accessibleElementById("slider");
debug("Increment/Decrement - LTR");
incrementDecrement();
debug("Increment/Decrement - RTL");
window.internals.setUserInterfaceLayoutDirection("RTL");
incrementDecrement();
function incrementDecrement() {
debug("Horizontal orientation");
document.getElementById("slider").setAttribute("aria-orientation", "horizontal");
axSlider.increment();
axSlider.decrement();
debug("Vertical orientation");
document.getElementById("slider").setAttribute("aria-orientation", "vertical");
axSlider.increment();
axSlider.decrement();
}
}
</script>
<script src="../resources/js-test-post.js"></script>
</body>
</html>