54 lines
1.6 KiB
HTML
54 lines
1.6 KiB
HTML
<!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>
|