<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: the MediaList interface</title>
<link rel="author" title="Ms2ger" href="mailto:[email protected]"/>
<link rel="help" href="http://www.w3.org/TR/cssom-1/#the-medialist-interface"/>
<link rel="help" href="http://dev.w3.org/2006/webapi/WebIDL/#getownproperty"/>
<style media="screen, print" id="test-style"></style>
<script src="/resources/testharness.js"/>
<script src="/resources/testharnessreport.js"/>
</head>
<body>
<div id="log"/>
<script>
test(function() {
var ss = document.styleSheets[0];
assert_equals(ss.ownerNode.id, "test-style", "Got the wrong style element");
var media = ss.media;
test(function() {
// https://www.w3.org/Bugs/Public/show_bug.cgi?id=17526
assert_equals(media.mediaText, "screen, print", "Serialization should be \"screen, print\"");
}, "MediaList.mediaText");
test(function() {
assert_equals(media.length, 2, "Got wrong number of media");
}, "MediaList.length");
test(function() {
assert_equals(media[-1], undefined, "media[-1] should return undefined");
assert_equals(media[0], "screen", "media[0] should return \"screen\"");
assert_equals(media[1], "print", "media[1] should return \"print\"");
assert_equals(media[2], undefined, "media[2] should return undefined");
}, "MediaList getter");
test(function() {
assert_equals(media.item(-1), null, "media.item(-1) should return null");
assert_equals(media.item(0), "screen", "media.item(0) should return \"screen\"");
assert_equals(media.item(1), "print", "media.item(1) should return \"print\"");
assert_equals(media.item(2), null, "media.item(2) should return null");
}, "MediaList.item");
}, "MediaList");
</script>
</body>
</html>
Codebase Browser
chromium