MediaList2.xhtml (1766B)
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: the MediaList interface</title> 5 <link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> 6 <link rel="help" href="http://www.w3.org/TR/cssom-1/#the-medialist-interface"/> 7 <link rel="help" href="http://dev.w3.org/2006/webapi/WebIDL/#getownproperty"/> 8 <style media="screen, print" id="test-style"></style> 9 <script src="/resources/testharness.js"/> 10 <script src="/resources/testharnessreport.js"/> 11 </head> 12 <body> 13 <div id="log"/> 14 <script> 15 test(function() { 16 var ss = document.styleSheets[0]; 17 assert_equals(ss.ownerNode.id, "test-style", "Got the wrong style element"); 18 19 var media = ss.media; 20 test(function() { 21 // https://www.w3.org/Bugs/Public/show_bug.cgi?id=17526 22 assert_equals(media.mediaText, "screen, print", "Serialization should be \"screen, print\""); 23 }, "MediaList.mediaText"); 24 25 test(function() { 26 assert_equals(media.length, 2, "Got wrong number of media"); 27 }, "MediaList.length"); 28 29 test(function() { 30 assert_equals(media[-1], undefined, "media[-1] should return undefined"); 31 assert_equals(media[0], "screen", "media[0] should return \"screen\""); 32 assert_equals(media[1], "print", "media[1] should return \"print\""); 33 assert_equals(media[2], undefined, "media[2] should return undefined"); 34 }, "MediaList getter"); 35 36 test(function() { 37 assert_equals(media.item(-1), null, "media.item(-1) should return null"); 38 assert_equals(media.item(0), "screen", "media.item(0) should return \"screen\""); 39 assert_equals(media.item(1), "print", "media.item(1) should return \"print\""); 40 assert_equals(media.item(2), null, "media.item(2) should return null"); 41 }, "MediaList.item"); 42 }, "MediaList"); 43 </script> 44 </body> 45 </html>