blob: 4f6dcf172cd73cae48c6842cb66e55802f7367db [file] [log] [blame]
<!DOCTYPE html>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<div id="wrapper1">
<a href="#"><img id="img1" alt="Delicious cake" src="resources/cake.png"></a>
</div>
<script>
async_test(function(t)
{
var axImg = accessibilityController.accessibleElementById("img1");
axImg.addNotificationListener(function(notification) {
if (notification == 'Clicked') {
document.getElementById("wrapper1").style.display = "none";
t.done();
}
});
var img = document.getElementById("img1");
img.addEventListener("click", function(e)
{
img.title = "clicked";
});
img.click();
}, "clicking an image via javascript sends an accessible click event");
</script>
<div id="wrapper2">
<a href="#"><img id="img2" alt="Delicious cake" src="resources/cake.png"></a>
</div>
<script>
async_test(function(t)
{
var axEvent = false;
var domEvent = false;
var clickEventHandler = function(e)
{
if (e == 'Clicked')
axEvent = true;
// "which" is a known property on MouseEvent objects.
if (e.which) {
img.title = "clicked";
domEvent = true;
}
if (axEvent && domEvent) {
document.getElementById("wrapper2").style.display = "none";
t.done();
}
};
var axImg = accessibilityController.accessibleElementById("img2");
axImg.addNotificationListener(clickEventHandler);
var img = document.getElementById("img2");
img.addEventListener("click", clickEventHandler);
axImg.press();
}, "clicking an image via accessibility sends both an accessible and a DOM click event");
</script>