| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
| 5 <script src="../../js/resources/js-test-pre.js"></script> | 5 <script src="../../js/resources/js-test-pre.js"></script> |
| 6 <title></title> | 6 <title></title> |
| 7 </head> | 7 </head> |
| 8 <body> | 8 <body> |
| 9 <p id=description></p> | 9 <p id=description></p> |
| 10 <div id="console"></div> | 10 <div id="console"></div> |
| 11 <script> | 11 <script> |
| 12 | 12 |
| 13 window.jsTestIsAsync = true; | 13 window.jsTestIsAsync = true; |
| 14 var mutations; | 14 var mutations; |
| 15 var mutations2; | 15 var mutations2; |
| 16 var div; | 16 var div; |
| 17 var subDiv, subDiv2, subDiv3, text; | 17 var subDiv, subDiv2, subDiv3, text; |
| 18 var calls; | 18 var calls; |
| 19 | 19 |
| 20 function testBasic() { | 20 function testBasic() { |
| 21 var observer; | 21 var observer; |
| 22 | 22 |
| 23 function start() { | 23 function start() { |
| 24 debug('Testing basic aspects of subtree observation.'); | 24 debug('Testing basic aspects of subtree observation.'); |
| 25 | 25 |
| 26 mutations = null; | 26 mutations = null; |
| 27 div = document.createElement('div'); | 27 div = document.createElement('div'); |
| 28 subDiv = div.appendChild(document.createElement('div')); | 28 subDiv = div.appendChild(document.createElement('div')); |
| 29 subDiv.innerHTML = 'hello, world'; | 29 subDiv.innerHTML = 'hello, world'; |
| 30 observer = new WebKitMutationObserver(function(mutations) { | 30 observer = new MutationObserver(function(mutations) { |
| 31 window.mutations = mutations; | 31 window.mutations = mutations; |
| 32 }); | 32 }); |
| 33 | 33 |
| 34 observer.observe(div, {attributes: true, characterData: true, subtree: t
rue}); | 34 observer.observe(div, {attributes: true, characterData: true, subtree: t
rue}); |
| 35 subDiv.setAttribute('foo', 'bar'); | 35 subDiv.setAttribute('foo', 'bar'); |
| 36 subDiv.firstChild.textContent = 'goodbye!'; | 36 subDiv.firstChild.textContent = 'goodbye!'; |
| 37 setTimeout(finish, 0); | 37 setTimeout(finish, 0); |
| 38 } | 38 } |
| 39 | 39 |
| 40 function finish() { | 40 function finish() { |
| (...skipping 18 matching lines...) Expand all Loading... |
| 59 var observer; | 59 var observer; |
| 60 var observer2; | 60 var observer2; |
| 61 | 61 |
| 62 function start() { | 62 function start() { |
| 63 debug('Testing two observers at different depths.'); | 63 debug('Testing two observers at different depths.'); |
| 64 | 64 |
| 65 mutations = null; | 65 mutations = null; |
| 66 mutations2 = null; | 66 mutations2 = null; |
| 67 div = document.createElement('div'); | 67 div = document.createElement('div'); |
| 68 subDiv = div.appendChild(document.createElement('div')); | 68 subDiv = div.appendChild(document.createElement('div')); |
| 69 observer = new WebKitMutationObserver(function(mutations) { | 69 observer = new MutationObserver(function(mutations) { |
| 70 window.mutations = mutations; | 70 window.mutations = mutations; |
| 71 }); | 71 }); |
| 72 observer2 = new WebKitMutationObserver(function(mutations) { | 72 observer2 = new MutationObserver(function(mutations) { |
| 73 window.mutations2 = mutations; | 73 window.mutations2 = mutations; |
| 74 }); | 74 }); |
| 75 | 75 |
| 76 observer.observe(div, {attributes: true, subtree: true}); | 76 observer.observe(div, {attributes: true, subtree: true}); |
| 77 observer2.observe(subDiv, {attributes: true}); | 77 observer2.observe(subDiv, {attributes: true}); |
| 78 subDiv.setAttribute('foo', 'bar'); | 78 subDiv.setAttribute('foo', 'bar'); |
| 79 setTimeout(finish, 0); | 79 setTimeout(finish, 0); |
| 80 } | 80 } |
| 81 | 81 |
| 82 function finish() { | 82 function finish() { |
| (...skipping 19 matching lines...) Expand all Loading... |
| 102 function testMultipleObservations() { | 102 function testMultipleObservations() { |
| 103 var observer; | 103 var observer; |
| 104 | 104 |
| 105 function start() { | 105 function start() { |
| 106 debug('Testing one observer at two different depths.'); | 106 debug('Testing one observer at two different depths.'); |
| 107 | 107 |
| 108 mutations = null; | 108 mutations = null; |
| 109 calls = 0; | 109 calls = 0; |
| 110 div = document.createElement('div'); | 110 div = document.createElement('div'); |
| 111 subDiv = div.appendChild(document.createElement('div')); | 111 subDiv = div.appendChild(document.createElement('div')); |
| 112 observer = new WebKitMutationObserver(function(mutations) { | 112 observer = new MutationObserver(function(mutations) { |
| 113 window.mutations = mutations; | 113 window.mutations = mutations; |
| 114 ++calls; | 114 ++calls; |
| 115 }); | 115 }); |
| 116 | 116 |
| 117 observer.observe(div, {attributes: true, subtree: true}); | 117 observer.observe(div, {attributes: true, subtree: true}); |
| 118 observer.observe(subDiv, {attributes: true, subtree: true}); | 118 observer.observe(subDiv, {attributes: true, subtree: true}); |
| 119 subDiv.setAttribute('foo', 'bar'); | 119 subDiv.setAttribute('foo', 'bar'); |
| 120 setTimeout(finish, 0); | 120 setTimeout(finish, 0); |
| 121 } | 121 } |
| 122 | 122 |
| (...skipping 15 matching lines...) Expand all Loading... |
| 138 function testTransientDetachedBasic() { | 138 function testTransientDetachedBasic() { |
| 139 var observer; | 139 var observer; |
| 140 | 140 |
| 141 function start() { | 141 function start() { |
| 142 debug('Testing that transiently detached nodes are still observed via su
btree.'); | 142 debug('Testing that transiently detached nodes are still observed via su
btree.'); |
| 143 | 143 |
| 144 mutations = null; | 144 mutations = null; |
| 145 div = document.createElement('div'); | 145 div = document.createElement('div'); |
| 146 subDiv = div.appendChild(document.createElement('div')); | 146 subDiv = div.appendChild(document.createElement('div')); |
| 147 subDiv.innerHTML = 'hello, world'; | 147 subDiv.innerHTML = 'hello, world'; |
| 148 observer = new WebKitMutationObserver(function(mutations) { | 148 observer = new MutationObserver(function(mutations) { |
| 149 window.mutations = mutations; | 149 window.mutations = mutations; |
| 150 }); | 150 }); |
| 151 | 151 |
| 152 observer.observe(div, {attributes: true, characterData: true, subtree: t
rue}); | 152 observer.observe(div, {attributes: true, characterData: true, subtree: t
rue}); |
| 153 subDiv.setAttribute('foo', 'bar'); | 153 subDiv.setAttribute('foo', 'bar'); |
| 154 div.removeChild(subDiv); | 154 div.removeChild(subDiv); |
| 155 subDiv.setAttribute('test', 'test'); | 155 subDiv.setAttribute('test', 'test'); |
| 156 setTimeout(checkDeliveredAndChangeAgain, 0); | 156 setTimeout(checkDeliveredAndChangeAgain, 0); |
| 157 } | 157 } |
| 158 | 158 |
| (...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 223 function start() { | 223 function start() { |
| 224 debug('Testing correct behavior of transient observation with complex mo
vement .'); | 224 debug('Testing correct behavior of transient observation with complex mo
vement .'); |
| 225 | 225 |
| 226 mutations = null; | 226 mutations = null; |
| 227 div = document.createElement('div'); | 227 div = document.createElement('div'); |
| 228 subDiv = div.appendChild(document.createElement('div')); | 228 subDiv = div.appendChild(document.createElement('div')); |
| 229 subDiv2 = subDiv.appendChild(document.createElement('div')); | 229 subDiv2 = subDiv.appendChild(document.createElement('div')); |
| 230 subDiv2.innerHTML = 'hello, world'; | 230 subDiv2.innerHTML = 'hello, world'; |
| 231 subDiv3 = document.createElement('div'); | 231 subDiv3 = document.createElement('div'); |
| 232 | 232 |
| 233 observer = new WebKitMutationObserver(function(mutations) { | 233 observer = new MutationObserver(function(mutations) { |
| 234 window.mutations = mutations; | 234 window.mutations = mutations; |
| 235 }); | 235 }); |
| 236 | 236 |
| 237 observer.observe(div, {attributes: true, characterData: true, subtree: t
rue}); | 237 observer.observe(div, {attributes: true, characterData: true, subtree: t
rue}); |
| 238 div.removeChild(subDiv); | 238 div.removeChild(subDiv); |
| 239 subDiv.removeChild(subDiv2); | 239 subDiv.removeChild(subDiv2); |
| 240 text = subDiv2.removeChild(subDiv2.firstChild); | 240 text = subDiv2.removeChild(subDiv2.firstChild); |
| 241 | 241 |
| 242 subDiv.setAttribute('a', 'a'); | 242 subDiv.setAttribute('a', 'a'); |
| 243 subDiv2.setAttribute('b', 'b'); | 243 subDiv2.setAttribute('b', 'b'); |
| (...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 296 finishJSTest(); | 296 finishJSTest(); |
| 297 } | 297 } |
| 298 | 298 |
| 299 description('Test WebKitMutationObserver.observe on a subtree'); | 299 description('Test WebKitMutationObserver.observe on a subtree'); |
| 300 | 300 |
| 301 runNextTest(); | 301 runNextTest(); |
| 302 </script> | 302 </script> |
| 303 <script src="../../js/resources/js-test-post.js"></script> | 303 <script src="../../js/resources/js-test-post.js"></script> |
| 304 </body> | 304 </body> |
| 305 </html> | 305 </html> |
| OLD | NEW |