79 lines
2.9 KiB
HTML
79 lines
2.9 KiB
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<script src="../resources/js-test-pre.js"></script>
|
||
|
|
<script src="../resources/accessibility-helper.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<table id="content" role="grid">
|
||
|
|
<thead>
|
||
|
|
<tr aria-label="Header" role="row">
|
||
|
|
<th id="Account" role="columnheader" onclick="toggleAriaSort()" aria-sort="ascending" aria-label="Acount Name" title="Account Name">Account Name</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<p id="description"></p>
|
||
|
|
<div id="console"></div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
description("This tests that changing the aria-sort value results in a SortDirectionChanged notification.");
|
||
|
|
window.jsTestIsAsync = true;
|
||
|
|
|
||
|
|
if (window.accessibilityController) {
|
||
|
|
var notificationCount = 0;
|
||
|
|
|
||
|
|
accessibilityController.addNotificationListener(function(element, notification) {
|
||
|
|
if (notification != "AXSortDirectionChanged")
|
||
|
|
return;
|
||
|
|
|
||
|
|
++notificationCount;
|
||
|
|
debug(notification + " notification for " + element.domIdentifier);
|
||
|
|
});
|
||
|
|
|
||
|
|
function toggleAriaSort(element) {
|
||
|
|
var sortingState = element.getAttribute("aria-sort");
|
||
|
|
if (sortingState == "ascending")
|
||
|
|
element.setAttribute("aria-sort", "descending");
|
||
|
|
else
|
||
|
|
element.setAttribute("aria-sort", "ascending");
|
||
|
|
}
|
||
|
|
|
||
|
|
var columnHeader = document.getElementById("Account");
|
||
|
|
var axColumnHeader = accessibilityController.accessibleElementById("Account");
|
||
|
|
shouldBe("axColumnHeader.sortDirection", "'AXAscendingSortDirection'");
|
||
|
|
|
||
|
|
debug("Toggling aria-sort");
|
||
|
|
toggleAriaSort(columnHeader);
|
||
|
|
setTimeout(async function() {
|
||
|
|
await waitFor(() => {
|
||
|
|
return notificationCount == 1;//axColumnHeader.sortDirection == "AXDescendingSortDirection";
|
||
|
|
});
|
||
|
|
shouldBe("axColumnHeader.sortDirection", "'AXDescendingSortDirection'");
|
||
|
|
|
||
|
|
debug("Setting aria-sort to a random value");
|
||
|
|
columnHeader.setAttribute("aria-sort", "blah blah blah");
|
||
|
|
await waitFor(() => {
|
||
|
|
return notificationCount == 2;//axColumnHeader.sortDirection == "AXUnknownSortDirection";
|
||
|
|
});
|
||
|
|
shouldBe("axColumnHeader.sortDirection", "'AXUnknownSortDirection'");
|
||
|
|
|
||
|
|
debug("Toggling aria-sort");
|
||
|
|
toggleAriaSort(columnHeader);
|
||
|
|
await waitFor(() => {
|
||
|
|
return notificationCount == 3;//axColumnHeader.sortDirection == "AXAscendingSortDirection";
|
||
|
|
});
|
||
|
|
shouldBe("axColumnHeader.sortDirection", "'AXAscendingSortDirection'");
|
||
|
|
|
||
|
|
shouldBe("notificationCount", "3");
|
||
|
|
|
||
|
|
document.getElementById("content").style.visibility = "hidden";
|
||
|
|
accessibilityController.removeNotificationListener();
|
||
|
|
finishJSTest();
|
||
|
|
}, 0);
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<script src="../resources/js-test-post.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|