OLD | NEW |
1 <html xmlns="http://www.w3.org/1999/xhtml"> | 1 <html xmlns="http://www.w3.org/1999/xhtml"> |
2 <head> | 2 <head> |
3 <script>window.enablePixelTesting = true;</script> | 3 <script> |
| 4 window.enablePixelTesting = true; |
| 5 window.jsTestIsAsync = true; |
| 6 </script> |
4 <script src="../../resources/js-test.js"></script> | 7 <script src="../../resources/js-test.js"></script> |
5 <script src="../../fast/repaint/resources/repaint.js"></script> | 8 <script src="../../fast/repaint/resources/repaint.js"></script> |
6 <script type="text/javascript"> | 9 <script type="text/javascript"> |
7 function repaintTest() { | 10 function repaintTest() { |
8 // Test initial reported offsetWidth is 0, as we're not in the tree yet. | 11 // Test initial reported offsetWidth is 0, as we're not in the tree yet. |
9 newObject = document.createElement("object"); | 12 newObject = document.createElement("object"); |
10 newObject.setAttribute("style", "border: 1px black solid; background: re
d"); | 13 newObject.setAttribute("style", "border: 1px black solid; background: re
d"); |
11 shouldBe("newObject.offsetWidth", "0"); | 14 shouldBe("newObject.offsetWidth", "0"); |
12 shouldBe("newObject.offsetWidth", "0"); | 15 shouldBe("newObject.offsetWidth", "0"); |
13 | 16 |
14 // Test that the initial width is 300px + 1px border on each side. | 17 // Test that the initial width is 300px + 1px border on each side. |
15 document.body.insertBefore(newObject, document.getElementById("descripti
on")); | 18 document.body.insertBefore(newObject, document.getElementById("descripti
on")); |
16 shouldBe("newObject.offsetWidth", "302"); | 19 shouldBe("newObject.offsetWidth", "302"); |
17 shouldBe("newObject.offsetWidth", "302"); | 20 shouldBe("newObject.offsetWidth", "302"); |
18 | 21 |
19 // Switch to document: "<svg xmlns="http://www.w3.org/2000/svg" width="4
00" height="200"><rect width="400" height="200" fill="green"/></svg>". | 22 // Switch to document: "<svg xmlns="http://www.w3.org/2000/svg" width="4
00" height="200"><rect width="400" height="200" fill="green"/><script><![CDAT
A[window.parent.postMessage('running', '*');]]></script></svg>". |
20 // FIXME: This currently fails in WebKit trunk. We don't react on dataAt
tr changes at all. When manually relayouting using eg. zoom in/out it takes affe
ct. | 23 |
21 newObject.setAttribute("data", "data:image/svg+xml;base64,PHN2ZyB4bWxucz
0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iMjAwIj48cmVjdC
B3aWR0aD0iNDAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iZ3JlZW4iLz48L3N2Zz4="); | 24 // The replacement won't synchronous; wait on its completion. |
22 shouldBe("newObject.offsetWidth", "502"); | 25 window.onmessage = function () { |
23 shouldBe("newObject.offsetWidth", "502"); | 26 shouldBe("newObject.offsetWidth", "402"); |
| 27 shouldBe("newObject.offsetWidth", "402"); |
| 28 finishJSTest(); |
| 29 }; |
| 30 newObject.setAttribute("data", "data:image/svg+xml;base64,PHN2ZyB4bWxucz
0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iMjAwIj48cmVjdC
B3aWR0aD0iNDAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iZ3JlZW4iLz48c2NyaXB0PjwhW0NEQVRBW3dpbm
Rvdy5wYXJlbnQucG9zdE1lc3NhZ2UoJ3J1bm5pbmcnLCAnKicpO11dPjwvc2NyaXB0Pjwvc3ZnPg==")
; |
24 } | 31 } |
25 </script> | 32 </script> |
26 </head> | 33 </head> |
27 <body style="margin: 0px" onload="runRepaintTest()"> | 34 <body style="margin: 0px" onload="runRepaintTest()"> |
28 | 35 |
29 <p id="description"></p> | 36 <p id="description"></p> |
30 <div id="console"></div> | 37 <div id="console"></div> |
31 | 38 |
32 <script> | 39 <script> |
33 description("Tests that querying offsetWidth twice leads to the same result
- no red background should be visible."); | 40 description("Tests that querying offsetWidth twice leads to the same result
- no red background should be visible."); |
34 </script> | 41 </script> |
35 </body> | 42 </body> |
36 </html> | 43 </html> |
OLD | NEW |