| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| <style> |
| .test { |
| font-family: 'myahem'; |
| } |
| #a, #b, #container { position:absolute; } |
| #b { top: 20px } |
| </style> |
| </head> |
| |
| <div id=container> |
| <div id=a>Text</div> |
| <div id=b class="test">Text</div> |
| </div> |
| |
| <script> |
| jsTestIsAsync = true; |
| |
| window.setTimeout( |
| function() { |
| var link = document.createElement("link"); |
| link.setAttribute("href", "resources/ahem.css"); |
| link.setAttribute("rel", "stylesheet"); |
| link.setAttribute("type", "text/css"); |
| document.head.appendChild(link); |
| window.setTimeout( |
| function() { |
| var a = document.getElementById('a'); |
| var b = document.getElementById('b'); |
| shouldBeFalse('window.getComputedStyle(a).width == window.getComputedStyle(b).width'); |
| finishJSTest(); |
| }, |
| 500 |
| ); |
| }, |
| 1); |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
