| <!DOCTYPE html> |
| <html><head> |
| <link rel="stylesheet" href="resources/redimport.css"/> |
| </head><body> |
| <div>Test for bug <a href="https://bugs.webkit.org/show_bug.cgi?id=56981">56981</a>: CSSStyleSheet#insertRule doesn't work well with imported stylesheets</div> |
| <div>You should see one PASS below.</div> |
| <div id="testArea"></div> |
| <script> |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| testRunner.waitUntilDone(); |
| } |
| |
| var remainingTests = 20; |
| |
| function test() { |
| try { |
| var testArea = document.getElementById("testArea"); |
| if (getComputedStyle(testArea).backgroundColor == "rgb(0, 128, 0)") { |
| testArea.innerHTML = 'PASS'; |
| remainingTests = 0; |
| } else { |
| if (--remainingTests) |
| testArea.innerHTML = 'FAIL, backgroundColor was ' + getComputedStyle(testArea).backgroundColor; |
| } |
| } catch (e) { |
| testArea.innerHTML = 'FAIL, exception raised (' + e.message + ')'; |
| remainingTests = 0; |
| } |
| if (!remainingTests) |
| window.setTimeout(test, 25); |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| } |
| |
| function waitForSheetToFinishLoading() |
| { |
| if (document.styleSheets.length && document.styleSheets[0].rules[1].styleSheet) { |
| test(); |
| return; |
| } |
| |
| window.setTimeout(waitForSheetToFinishLoading, 10) |
| } |
| |
| window.onload = function() { |
| document.styleSheets[0].insertRule('@import "green.css";', 1); |
| |
| // We need to wait some time to let the stylesheet load before testing. |
| window.setTimeout(waitForSheetToFinishLoading, 10); |
| }; |
| </script> |
| </body></html> |
