<html>
<import src="../resources/chai.sky" />
<import src="../resources/mocha.sky" />
<script>
describe('MutationObserver', function() {
    it('should deliver in order of creation', function(done) {
        var order = [];
        var observers = [];

        function setUpOrdering(num) {
            observers.push(new MutationObserver(function(mutations) {
                order.push(num);
            }));
        }

        for (var i = 0; i < 10; ++i)
            setUpOrdering(i);

        var div = document.createElement('div');
        observers[3].observe(div, {attributes: true});
        observers[2].observe(div, {characterData: true, subtree: true});
        observers[1].observe(div, {attributes: true});
        observers[7].observe(div, {childList: true});
        observers[4].observe(div, {attributes: true});
        observers[9].observe(div, {attributes: true});
        observers[0].observe(div, {childList: true});
        observers[5].observe(div, {attributes: true});
        observers[6].observe(div, {characterData: true, subtree: true});
        observers[8].observe(div, {attributes: true});
        div.setAttribute('foo', 'bar');
        div.appendChild(document.createTextNode('hello'));
        div.firstChild.textContent = 'goodbye';
        setTimeout(function() {
            assert.deepEqual(order, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]);
            done();
        }, 0);
    });
});
</script>
</html>