OLD | NEW |
1 <html> | 1 <html> |
2 <head id="head"> | 2 <head id="head"> |
3 <script src="../js/resources/js-test-pre.js"></script> | 3 <script src="../../resources/js-test.js"></script> |
4 <style type="text/css"> | 4 <style type="text/css"> |
5 li:only-child { color: red; } | 5 li:only-child { color: red; } |
6 </style> | 6 </style> |
7 </head> | 7 </head> |
8 <body> | 8 <body> |
9 <ul id="list"><li id="orig">Original.</li></ul> | 9 <ul id="list"><li id="orig">Original.</li></ul> |
10 <script> | 10 <script> |
11 description("This tests elements affected by CSS pseudo class selectors are upda
ted after a dynamic DOM change."); | 11 description("This tests elements affected by CSS pseudo class selectors are upda
ted after a dynamic DOM change."); |
12 | 12 |
13 function makeDynamicChanges() { | 13 function makeDynamicChanges() { |
14 var x = document.createElement('li'); | 14 var x = document.createElement('li'); |
15 x.appendChild(document.createTextNode('Generated content.')); | 15 x.appendChild(document.createTextNode('Generated content.')); |
16 var ul = document.getElementById('list'); | 16 var ul = document.getElementById('list'); |
17 ul.insertBefore(x, ul.firstChild); | 17 ul.insertBefore(x, ul.firstChild); |
18 } | 18 } |
19 | 19 |
20 shouldBe('getComputedStyle(document.getElementById("orig"))["color"]', '"rgb(255
, 0, 0)"'); | 20 shouldBe('getComputedStyle(document.getElementById("orig"))["color"]', '"rgb(255
, 0, 0)"'); |
21 makeDynamicChanges(); | 21 makeDynamicChanges(); |
22 shouldBe('getComputedStyle(document.getElementById("orig"))["color"]', '"rgb(0,
0, 0)"'); | 22 shouldBe('getComputedStyle(document.getElementById("orig"))["color"]', '"rgb(0,
0, 0)"'); |
23 </script> | 23 </script> |
24 </body> | 24 </body> |
25 </html> | 25 </html> |
OLD | NEW |