third_party/WebKit/LayoutTests/fast/dom/MutationObserver/mutate-during-delivery.html

   1 <!DOCTYPE html>
   2 <script src="../../../resources/js-test.js"></script>
   3 <script>
   4 window.jsTestIsAsync = true;
   5
   6 description('Test that mutations during delivery do not interrupt delivery order.');
   7 function finish() {
   8     shouldBe('order.length', '3');
   9     shouldBe('order[0]', '1');
  10     shouldBe('order[1]', '3');
  11     shouldBe('order[2]', '2');
  12     finishJSTest();
  13 }
  14
  15 var order = [];
  16 var div = document.createElement('div');
  17
  18 var observer1 = new MutationObserver(function(mutations) {
  19     order.push(1);
  20     div.appendChild(document.createElement('span'));
  21 });
  22 var observer2 = new MutationObserver(function(mutations) {
  23     order.push(2);
  24 });
  25 var observer3 = new MutationObserver(function(mutations) {
  26     order.push(3);
  27 });
  28
  29 observer1.observe(div, {attributes: true});
  30 observer2.observe(div, {childList: true});
  31 observer3.observe(div, {attributes: true});
  32 div.setAttribute('foo', 'bar');
  33 setTimeout(finish, 0);
  34 </script>