third_party/WebKit/LayoutTests/fast/dom/MutationObserver/filesystem-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 testFilesystem() {
   8     var div;
   9     var fileEntry;
  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         webkitRequestFileSystem(TEMPORARY, 5*1024*1024, function(fs) {
  22             fs.root.getFile('foo.txt', {create: true, excluse: true}, function(entry) {
  23                 fileEntry = entry;
  24                 fileEntry.getParent(mutateAfterGetParent);
  25             });
  26         });
  27     }
  28
  29     function mutateAfterGetParent() {
  30         div.setAttribute('foo', 'bar');
  31         fileEntry.remove(mutateAfterRemove);
  32     }
  33
  34     function mutateAfterRemove() {
  35         shouldBe('mutations.length', '1');
  36         shouldBe('mutations[0].type', '"attributes"');
  37         shouldBe('mutations[0].attributeName', '"foo"');
  38
  39         mutations = null;
  40         div.setAttribute('baz', 'bat');
  41         setTimeout(finish, 0);
  42     }
  43
  44     function finish() {
  45         shouldBe('mutations.length', '1');
  46         shouldBe('mutations[0].type', '"attributes"');
  47         shouldBe('mutations[0].attributeName', '"baz"');
  48
  49         observer.disconnect();
  50         debug('');
  51         finishJSTest();
  52     }
  53
  54     start();
  55 }
  56
  57 description('Test that Mutation Records are delivered following FileSystem callbacks.');
  58
  59 testFilesystem();
  60 </script>