| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 /* relative positioning ensures underlying Layer */ | 5 /* relative positioning ensures underlying Layer */ |
| 6 .container { | 6 .container { |
| 7 position: relative; | 7 position: relative; |
| 8 } | 8 } |
| 9 </style> | 9 </style> |
| 10 <script> | 10 <script> |
| (...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 81 | 81 |
| 82 function testSelectIsTypeWithAttribute() { | 82 function testSelectIsTypeWithAttribute() { |
| 83 var target = document.createElement('div'); | 83 var target = document.createElement('div'); |
| 84 target.innerHTML = "<span>azunyan</span><span title='content'>content</span>
<span>peropero</span>"; | 84 target.innerHTML = "<span>azunyan</span><span title='content'>content</span>
<span>peropero</span>"; |
| 85 | 85 |
| 86 appendShadow(target, "span[title='content']"); | 86 appendShadow(target, "span[title='content']"); |
| 87 | 87 |
| 88 document.getElementById('container').appendChild(target); | 88 document.getElementById('container').appendChild(target); |
| 89 } | 89 } |
| 90 | 90 |
| 91 function testSelectIsTypeWithFirstOfType() { | |
| 92 var target = document.createElement('div'); | |
| 93 target.innerHTML = "<div>azunyan</div><span>content</span><span>peropero</sp
an>"; | |
| 94 | |
| 95 appendShadow(target, "span:first-of-type"); | |
| 96 | |
| 97 document.getElementById('container').appendChild(target); | |
| 98 } | |
| 99 | |
| 100 function testSelectIsTypeWithFirstOfType2() { | |
| 101 var target = document.createElement('div'); | |
| 102 target.innerHTML = "<div><span>azunyan</span></div><span>content</span><span
>peropero</span>"; | |
| 103 | |
| 104 appendShadow(target, "span:first-of-type"); | |
| 105 | |
| 106 document.getElementById('container').appendChild(target); | |
| 107 } | |
| 108 | |
| 109 function testSelectIsTypeWithLastOfType() { | |
| 110 var target = document.createElement('div'); | |
| 111 target.innerHTML = "<span>azunyan</span><span>content</span><div>peropero</d
iv>"; | |
| 112 | |
| 113 appendShadow(target, "span:last-of-type"); | |
| 114 | |
| 115 document.getElementById('container').appendChild(target); | |
| 116 } | |
| 117 | |
| 118 function testSelectIsDetails() { | 91 function testSelectIsDetails() { |
| 119 var target = document.createElement('div'); | 92 var target = document.createElement('div'); |
| 120 target.innerHTML = "<details>content</details>"; | 93 target.innerHTML = "<details>content</details>"; |
| 121 | 94 |
| 122 appendShadow(target, "details"); | 95 appendShadow(target, "details"); |
| 123 | 96 |
| 124 document.getElementById('container').appendChild(target); | 97 document.getElementById('container').appendChild(target); |
| 125 } | 98 } |
| 126 | 99 |
| 127 function testSelectIsDetails2() { | 100 function testSelectIsDetails2() { |
| (...skipping 18 matching lines...) Expand all Loading... |
| 146 } | 119 } |
| 147 | 120 |
| 148 var testFuncs = [ | 121 var testFuncs = [ |
| 149 testSelectIsNull, | 122 testSelectIsNull, |
| 150 testSelectIsId, | 123 testSelectIsId, |
| 151 testSelectIsIdButNotMatched, | 124 testSelectIsIdButNotMatched, |
| 152 testSelectIsIdButNotChild, | 125 testSelectIsIdButNotChild, |
| 153 testSelectIsMultiId, | 126 testSelectIsMultiId, |
| 154 testSelectIsType, | 127 testSelectIsType, |
| 155 testSelectIsTypeWithAttribute, | 128 testSelectIsTypeWithAttribute, |
| 156 testSelectIsTypeWithFirstOfType, | |
| 157 testSelectIsTypeWithFirstOfType2, | |
| 158 testSelectIsTypeWithLastOfType, | |
| 159 testSelectIsDetails, | 129 testSelectIsDetails, |
| 160 testSelectIsDetails2, | 130 testSelectIsDetails2, |
| 161 testSelectWhenDynamicallyChildrenChanged, | 131 testSelectWhenDynamicallyChildrenChanged, |
| 162 ] | 132 ] |
| 163 | 133 |
| 164 function doTest() { | 134 function doTest() { |
| 165 for (var i = 0; i < testFuncs.length; ++i) { | 135 for (var i = 0; i < testFuncs.length; ++i) { |
| 166 testFuncs[i](); | 136 testFuncs[i](); |
| 167 } | 137 } |
| 168 } | 138 } |
| 169 </script> | 139 </script> |
| 170 </head> | 140 </head> |
| 171 <body onload="doTest()"> | 141 <body onload="doTest()"> |
| 172 <div id="container"></div> | 142 <div id="container"></div> |
| 173 </body> | 143 </body> |
| 174 </html> | 144 </html> |
| OLD | NEW |