<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body id="body">
    
<div id="content">
<div id="first" role="log"></div>
</div>

<p id="description"></p>
<div id="console"></div>

<script>
    
description("This tests that the AXLiveRegionCreated notification gets fired when live regions appear.");
var notification = 0;
var element = 0;

function startTest() {
    
    var HIDE = true;
    
    // add second live region immediately
    appendLiveRegion('second');
    
    // add third live region later
    window.setTimeout(function() { 
        appendLiveRegion('third'); 
        window.setTimeout(function() { 
            appendLiveRegion('fourth', HIDE); 
            window.setTimeout(function() { 
                unhide('fourth'); 
                window.setTimeout(function() { 
                    appendDiv('fifth'); 
                    window.setTimeout(updateAll, 1);
                }, 1);
            }, 1);
        }, 1);
    }, 1);
}

var $ = function(id) {
    return document.getElementById(id);
}

var updateAll = function() {
    window.setTimeout(function() { 
        updateLiveRegion('first'); 
        window.setTimeout(function() { 
            updateLiveRegion('second'); 
            window.setTimeout(function() { 
                updateLiveRegion('third'); 
                window.setTimeout(function() { 
                    updateLiveRegion('fourth'); 
                    window.setTimeout(function() { endTest(); }, 1);
                }, 1);
            }, 1);
        }, 1);
    }, 1);
    
}
var updateLiveRegion = function(id) {
    var lr = $(id);
    lr.innerHTML = id;
}
var appendLiveRegion = function(id, optHide) {
    var lr = document.createElement('div');
    lr.id = id;
    lr.setAttribute('role', 'log');
    if (optHide) {
        lr.hidden = true;
    }
    $("content").appendChild(lr);
}
var appendDiv = function(id) {
    var lr = document.createElement('div');
    lr.id = id;
    lr.setAttribute('role', 'group');
    $("content").appendChild(lr);
}
var unhide = function(id){
    $(id).hidden = false;
}

function ariaCallback(element, notification) {
    if (notification == "AXLiveRegionCreated") {
       debug("PASS Received live region created notification: " + notification + ": " + element.stringAttributeValue('AXDOMIdentifier'));
    }
}

function endTest() {
   document.getElementById("content").style.display = 'none';
   finishJSTest();
}

window.jsTestIsAsync = true;
if (window.accessibilityController) {
    var addedNotification = accessibilityController.addNotificationListener(ariaCallback);

    // Make sure AX is enabled by accessing root element.
    accessibilityController.rootElement;

    startTest();
}
successfullyParsed = true;

</script>

<script src="../../resources/js-test-post.js"></script>
</body>
</html>