2020-07-01 23:35:43 +00:00
|
|
|
<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>
|
2020-10-09 11:42:23 +00:00
|
|
|
|
2020-07-01 23:35:43 +00:00
|
|
|
<script>
|
2020-10-09 11:42:23 +00:00
|
|
|
description("This test verifies that the increment/decrement actions post keyboard events that are correct for LTR and orientation.");
|
|
|
|
|
|
2020-07-01 23:35:43 +00:00
|
|
|
var keyCount = 0;
|
|
|
|
|
function handleKeyDown(event) {
|
2021-01-15 22:54:07 +00:00
|
|
|
debug("Keycode received: identifier: " + event.keyIdentifier + " key name: " + event.key + " key code: " + event.keyCode);
|
2020-07-01 23:35:43 +00:00
|
|
|
event.preventDefault();
|
|
|
|
|
event.stopPropagation();
|
2020-10-09 11:42:23 +00:00
|
|
|
|
2020-07-01 23:35:43 +00:00
|
|
|
keyCount++;
|
2020-10-09 11:42:23 +00:00
|
|
|
if (keyCount == 8)
|
2020-07-01 23:35:43 +00:00
|
|
|
finishJSTest();
|
2020-10-09 11:42:23 +00:00
|
|
|
}
|
2020-07-01 23:35:43 +00:00
|
|
|
|
|
|
|
|
if (window.accessibilityController) {
|
2020-10-09 11:42:23 +00:00
|
|
|
window.jsTestIsAsync = true;
|
2020-07-01 23:35:43 +00:00
|
|
|
|
|
|
|
|
document.getElementById("slider").addEventListener('keydown', handleKeyDown);
|
|
|
|
|
|
|
|
|
|
// Get the parent element.
|
|
|
|
|
var axSlider = accessibilityController.accessibleElementById("slider");
|
2020-10-09 11:42:23 +00:00
|
|
|
|
|
|
|
|
debug("Increment/Decrement - LTR");
|
2020-07-01 23:35:43 +00:00
|
|
|
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();
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-10-09 11:42:23 +00:00
|
|
|
</script>
|
2020-07-01 23:35:43 +00:00
|
|
|
<script src="../resources/js-test-post.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
