third_party/WebKit/LayoutTests/fast/dom/MutationObserver/database-callback-delivery.html

   1 <!DOCTYPE html>
   2 <script src="../../../resources/js-test.js"></script>
   3 <script>
   4 window.jsTestIsAsync = true;
   5 var mutations;
   6
   7 function testDatabase() {
   8     var div;
   9     var db;
  10     var observer;
  11
  12     function start() {
  13         mutations = null;
  14         div = document.createElement('div');
  15         observer = new MutationObserver(function(m) {
  16             mutations = m;
  17         });
  18
  19         observer.observe(div, { attributes: true, characterData: true });
  20
  21         db = openDatabase('DatabaseMutationDelivery', '1.0', '', 1);
  22         db.transaction(mutate);
  23     }
  24
  25     function mutate() {
  26         div.setAttribute('foo', 'bar');
  27         setTimeout(finish, 0);
  28     }
  29
  30     function finish() {
  31         shouldBe('mutations.length', '1');
  32         shouldBe('mutations[0].type', '"attributes"');
  33         shouldBe('mutations[0].attributeName', '"foo"');
  34         observer.disconnect();
  35         debug('');
  36         finishJSTest();
  37     }
  38
  39     start();
  40 }
  41
  42 description('Testing mutations are delivered following Database transaction callbacks.');
  43
  44 testDatabase();
  45 </script>