third_party/WebKit/LayoutTests/fast/dynamic/style-access-late-stylesheet-load.html

   1 <html>
   2 <head>
   3 <script>
   4 if (window.testRunner)
   5     testRunner.dumpAsText();
   6 </script>
   7 <style>
   8 #test { position: absolute; width: 100px; height: 100px }
   9 </style>
  10 </head>
  11 <body>
  12 Test that offsetWidth and similar get up to date style information even if a new stylesheet load is started at late stage of document rendering
  13 <link rel=stylesheet href="data:text/css,blah">
  14 <div id=console></div>
  15 <div id=test></div>
  16
  17 <script>
  18 var test = document.getElementById('test');
  19 var console = document.getElementById('console');
  20 console.innerHTML = ((test.offsetWidth == 100) ? "<span style='color:green'>PASS</span> " :  "<span style='color:red'>FAIL</span> ");
  21 </script>
  22
  23 </body>
  24 </html>