| <html> |
| <head> |
| <style type="text/css"> |
| body { quotes: "WW" "WWWW" "WWW" "WWWWW"; } |
| b:before { content: no-open-quote; } |
| </style> |
| <script type="text/javascript"> |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| testRunner.waitUntilDone(); |
| } |
| |
| function run() { |
| if (window.testRunner) |
| document.getElementById("onlyInBrowser").setAttribute("style", "display: none;"); |
| el = document.getElementById("toRemove"); |
| el.parentNode.removeChild(el); |
| testWidth = window.getComputedStyle(document.getElementById("testContainer"), null).getPropertyValue("width"); |
| referenceWidth = window.getComputedStyle(document.getElementById("reference"), null).getPropertyValue("width"); |
| if (testWidth == referenceWidth) |
| document.getElementById("console").innerText = "PASSED"; |
| else |
| document.getElementById("console").innerText = "FAILED: testWidth=" + testWidth +"; expected " + referenceWidth; |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| } |
| </script> |
| </head> |
| |
| <body onload="setTimeout('run()', 0);"> |
| <p id="onlyInBrowser">The texts between the markers should be identical.</p> |
| <p>========Marker1========</p> |
| <table> |
| <tr> |
| <td id="testContainer"><span><b id="toRemove">a</b></span><q>b</q></td> |
| <td>1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1</td> |
| </tr> |
| </table> |
| <p>========Marker2========</p> |
| <table> |
| <tr> |
| <td id="reference"><span>WW</span>b<span>WWWW</span></td> |
| <td>1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1</td> |
| </tr> |
| </table> |
| <p>========Marker3========</p> |
| <pre id="console"/> |
| </body> |
| </html> |
