| <html> |
| <link rel="import" href="../resources/chai.html" /> |
| <link rel="import" href="../resources/mocha.html" /> |
| <script> |
| describe('MutationObserver.takeRecords', function() { |
| it('should allow taking records synchronously or getting a notification', function(done) { |
| var mutations; |
| var div; |
| var subDiv; |
| var observer; |
| |
| // Testing takeRecords. |
| mutations = null; |
| div = document.createElement('div'); |
| subDiv = div.appendChild(document.createElement('div')); |
| subDiv.textContent = 'hello, world'; |
| observer = new MutationObserver(function(records) { |
| mutations = records; |
| }); |
| |
| observer.observe(div, {attributes: true, characterData: true, subtree: true}); |
| subDiv.setAttribute('foo', 'bar'); |
| subDiv.firstChild.textContent = 'goodbye!'; |
| div.removeChild(subDiv); |
| |
| mutations = observer.takeRecords(); |
| |
| // ...records are taken synchronously. |
| |
| assert.equal(mutations.length, 2); |
| assert.equal(mutations[0].type, "attributes"); |
| assert.equal(mutations[0].target, subDiv); |
| assert.equal(mutations[0].attributeName, "foo"); |
| assert.equal(mutations[1].type, "characterData"); |
| assert.equal(mutations[1].target, subDiv.firstChild); |
| |
| subDiv.setAttribute('foo', 'baz'); |
| |
| setTimeout(function() { |
| // ...takeRecord took records, but did not clear transient observers. |
| |
| assert.equal(mutations.length, 1); |
| assert.equal(mutations[0].type, "attributes"); |
| assert.equal(mutations[0].target, subDiv); |
| assert.equal(mutations[0].attributeName, "foo"); |
| observer.disconnect(); |
| |
| done(); |
| }, 0); |
| }); |
| }); |
| </script> |
| </html> |
