1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
<!DOCTYPE HTML>
<html>
<head>
<title>Test media query list serialization</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
<style>
@media PrInT {}
@media screen, PrInT, SPEECH {}
@media GARbAGE7 {}
@media AAAAA {}
@media ZZZZZ {}
@media NotAValidMediaType_!000 {}
@media NotAValidMediaType_!000, AlsoInvalid!!!! {}
@media PrInT, GARbAGE7, notAValidMediaType_!000 {}
</style>
<script type="application/javascript">
let expectedValues = [
// Valid types
["print", "Valid media types are ascii lowercased."],
["screen, print, speech", "Media query lists with only valid types are ascii lowercased."],
// Invalid types
["garbage7", "Invalid media types are ascii lowercased."],
["aaaaa", "Ascii conversion handles 'A' correctly."],
["zzzzz", "Ascii conversion handles 'Z' correctly."],
// Malformed types
["not all", "Malformed media types are serialized to 'not all'."],
["not all, not all", "Multiple malformed media types are each serialized to 'not all'."],
// Mixes
["print, garbage7, not all", "Media query lists with a mix of valid, invalid, and malformed types serialize " +
"as lowercase with malformed types changed to 'not all'."],
];
let sheet = document.styleSheets[1];
expectedValues.forEach(function (entry, index) {
let rule = sheet.cssRules[index];
let serializedList = rule.media.mediaText;
is(serializedList, entry[0], entry[1]);
});
</script>
</head>
<body>
</body>
</html>
|
