| <!DOCTYPE html> |
| <style type="text/css"> |
| h1 { background-color: blue } |
| </style> |
| </head> |
| <script> |
| var link = document.createElement('link'); |
| link.setAttribute('rel', 'stylesheet'); |
| link.setAttribute('type', 'text/css'); |
| link.setAttribute('href', 'resources/slow-loading-sheet.php?color=red'); |
| document.head.appendChild(link); |
| </script> |
| <h1 id='title'>Dynamically inserted StyleSheet shouldn't block loading.</h1> |
| <script> |
| var style = window.getComputedStyle(document.getElementById('title'), ''); |
| document.write(style['background-color']); |
| |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| } |
| </script> |