44 lines
1.4 KiB
HTML
44 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link id="link" rel="stylesheet" href="data:text/css,%23target{color:red}" media="print">
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<span id="target"></span>
|
|
<script>
|
|
description("Modifying the media attribute of a link element to apply / unapply to the page should recalc styles");
|
|
|
|
window.jsTestIsAsync = true;
|
|
|
|
link = document.getElementById("link");
|
|
target = document.getElementById("target");
|
|
|
|
window.addEventListener("load", function() {
|
|
shouldBeEqualToString("link.media", "print");
|
|
shouldBeFalse("link.disabled");
|
|
shouldBeEqualToString("getComputedStyle(target).color", "rgb(0, 0, 0)");
|
|
|
|
evalAndLog('link.media = "screen"');
|
|
shouldBeEqualToString("link.media", "screen");
|
|
shouldBeFalse("link.disabled");
|
|
shouldBeEqualToString("getComputedStyle(target).color", "rgb(255, 0, 0)");
|
|
|
|
evalAndLog('link.media = "screen,screen"');
|
|
shouldBeEqualToString("link.media", "screen,screen");
|
|
shouldBeFalse("link.disabled");
|
|
shouldBeEqualToString("getComputedStyle(target).color", "rgb(255, 0, 0)");
|
|
|
|
evalAndLog('link.media = "print"');
|
|
shouldBeEqualToString("link.media", "print");
|
|
shouldBeFalse("link.disabled");
|
|
shouldBeEqualToString("getComputedStyle(target).color", "rgb(0, 0, 0)");
|
|
|
|
finishJSTest();
|
|
});
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|