The Tor Browser / file comparison
comparison: layout/style/test/test_font_family_parsing.html
layout/style/test/test_font_family_parsing.html
- branch
- TOR_BUG_9701
- changeset 11
- deefc01c0e14
equal
deleted
inserted
replaced
| -1:000000000000 | 0:88298c371e19 |
|---|---|
| 1 <!DOCTYPE HTML> | |
| 2 <html> | |
| 3 <head> | |
| 4 <meta charset=utf-8> | |
| 5 <title>Font family name parsing tests</title> | |
| 6 <link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com"> | |
| 7 <link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-family-prop" /> | |
| 8 <link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-prop" /> | |
| 9 <meta name="assert" content="tests that valid font family names parse and invalid ones don't" /> | |
| 10 <script type="text/javascript" src="/resources/testharness.js"></script> | |
| 11 <script type="text/javascript" src="/resources/testharnessreport.js"></script> | |
| 12 <style type="text/css"> | |
| 13 </style> | |
| 14 </head> | |
| 15 <body> | |
| 16 <div id="log"></div> | |
| 17 <pre id="display"></pre> | |
| 18 <style type="text/css" id="testbox"></style> | |
| 19 | |
| 20 <script type="text/javascript"> | |
| 21 | |
| 22 function fontProp(n, size, s1, s2) { return (s1 ? s1 + " " : "") + (s2 ? s2 + " " : "") + size + " " + n; } | |
| 23 function font(n, size, s1, s2) { return "font: " + fontProp(n, size, s1, s2); } | |
| 24 | |
| 25 // testrules | |
| 26 // namelist - font family list | |
| 27 // invalid - true if declarations won't parse in either font-family or font | |
| 28 // fontonly - only test with the 'font' property | |
| 29 // single - namelist includes only a single name (@font-face rules only allow a single name) | |
| 30 | |
| 31 var testFontFamilyLists = [ | |
| 32 | |
| 33 /* basic syntax */ | |
| 34 { namelist: "simple", single: true }, | |
| 35 { namelist: "'simple'", single: true }, | |
| 36 { namelist: '"simple"', single: true }, | |
| 37 { namelist: "-simple", single: true }, | |
| 38 { namelist: "_simple", single: true }, | |
| 39 { namelist: "quite simple", single: true }, | |
| 40 { namelist: "quite _simple", single: true }, | |
| 41 { namelist: "quite -simple", single: true }, | |
| 42 { namelist: "0simple", invalid: true, single: true }, | |
| 43 { namelist: "simple!", invalid: true, single: true }, | |
| 44 { namelist: "simple()", invalid: true, single: true }, | |
| 45 { namelist: "quite@simple", invalid: true, single: true }, | |
| 46 { namelist: "#simple", invalid: true, single: true }, | |
| 47 { namelist: "quite 0simple", invalid: true, single: true }, | |
| 48 { namelist: "納豆嫌い", single: true }, | |
| 49 { namelist: "納豆嫌い, ick, patooey" }, | |
| 50 { namelist: "ick, patooey, 納豆嫌い" }, | |
| 51 { namelist: "納豆嫌い, 納豆大嫌い" }, | |
| 52 { namelist: "納豆嫌い, 納豆大嫌い, 納豆本当に嫌い" }, | |
| 53 { namelist: "納豆嫌い, 納豆大嫌い, 納豆本当に嫌い, 納豆は好みではない" }, | |
| 54 { namelist: "arial, helvetica, sans-serif" }, | |
| 55 { namelist: "arial, helvetica, 'times' new roman, sans-serif", invalid: true }, | |
| 56 { namelist: "arial, helvetica, \"times\" new roman, sans-serif", invalid: true }, | |
| 57 | |
| 58 // bug 660397 - quotes contained within family names are not escaped | |
| 59 // { namelist: "arial, helvetica, \"\\\"times new roman\", sans-serif" }, | |
| 60 { namelist: "arial, helvetica, '\\\"times new roman', sans-serif" }, | |
| 61 { namelist: "arial, helvetica, times 'new' roman, sans-serif", invalid: true }, | |
| 62 { namelist: "arial, helvetica, times \"new\" roman, sans-serif", invalid: true }, | |
| 63 // { namelist: "\"simple", invalid: true, single: true }, | |
| 64 // { namelist: "\\\"simple", single: true }, | |
| 65 // { namelist: "\"\\\"simple\"", single: true }, | |
| 66 { namelist: "İsimple", single: true }, | |
| 67 { namelist: "ßsimple", single: true }, | |
| 68 { namelist: "ẙsimple", single: true }, | |
| 69 | |
| 70 /* escapes */ | |
| 71 { namelist: "\\s imple", single: true }, | |
| 72 { namelist: "\\073 imple", single: true }, | |
| 73 | |
| 74 // bug 475216 - css serialization doesn't escape characters that need escaping | |
| 75 // { namelist: "\\035 simple", single: true }, | |
| 76 { namelist: "sim\\035 ple", single: true }, | |
| 77 // { namelist: "simple\\02cinitial", single: true }, | |
| 78 // { namelist: "simple, \\02cinitial" }, | |
| 79 // { namelist: "sim\\020 \\035 ple", single: true }, | |
| 80 // { namelist: "sim\\020 5ple", single: true }, | |
| 81 // { namelist: "\\;", single: true }, | |
| 82 // { namelist: "\\;,\\;", single: true }, | |
| 83 // { namelist: "\\,\\;", single: true }, | |
| 84 // { namelist: "\\{", single: true }, | |
| 85 // { namelist: "\\{\\;", single: true }, | |
| 86 // { namelist: "\\}", single: true }, | |
| 87 // { namelist: "\\}\\;", single: true }, | |
| 88 // { namelist: "\\@simple", single: true }, | |
| 89 // { namelist: "\\@simple\\;", single: true }, | |
| 90 // { namelist: "\\@font-face", single: true }, | |
| 91 // { namelist: "\\@font-face\\;", single: true }, | |
| 92 // { namelist: "\\031 \\036 px", single: true }, | |
| 93 // { namelist: "\\031 \\036 px", single: true }, | |
| 94 { namelist: "\\1f4a9", single: true }, | |
| 95 { namelist: "\\01f4a9", single: true }, | |
| 96 { namelist: "\\0001f4a9", single: true }, | |
| 97 { namelist: "\\AbAb", single: true }, | |
| 98 | |
| 99 /* keywords */ | |
| 100 { namelist: "italic", single: true }, | |
| 101 { namelist: "bold", single: true }, | |
| 102 { namelist: "bold italic", single: true }, | |
| 103 { namelist: "italic bold", single: true }, | |
| 104 { namelist: "larger", single: true }, | |
| 105 { namelist: "smaller", single: true }, | |
| 106 { namelist: "bolder", single: true }, | |
| 107 { namelist: "lighter", single: true }, | |
| 108 { namelist: "default", invalid: true, fontonly: true, single: true }, | |
| 109 { namelist: "initial", invalid: true, fontonly: true, single: true }, | |
| 110 { namelist: "inherit", invalid: true, fontonly: true, single: true }, | |
| 111 { namelist: "normal", single: true }, | |
| 112 { namelist: "default, simple", invalid: true }, | |
| 113 { namelist: "initial, simple", invalid: true }, | |
| 114 { namelist: "inherit, simple", invalid: true }, | |
| 115 { namelist: "normal, simple" }, | |
| 116 { namelist: "simple, default", invalid: true }, | |
| 117 { namelist: "simple, initial", invalid: true }, | |
| 118 { namelist: "simple, inherit", invalid: true }, | |
| 119 { namelist: "simple, default bongo" }, | |
| 120 { namelist: "simple, initial bongo" }, | |
| 121 { namelist: "simple, inherit bongo" }, | |
| 122 { namelist: "simple, bongo default" }, | |
| 123 { namelist: "simple, bongo initial" }, | |
| 124 { namelist: "simple, bongo inherit" }, | |
| 125 { namelist: "simple, normal" }, | |
| 126 { namelist: "simple default", single: true }, | |
| 127 { namelist: "simple initial", single: true }, | |
| 128 { namelist: "simple inherit", single: true }, | |
| 129 { namelist: "simple normal", single: true }, | |
| 130 { namelist: "default simple", single: true }, | |
| 131 { namelist: "initial simple", single: true }, | |
| 132 { namelist: "inherit simple", single: true }, | |
| 133 { namelist: "normal simple", single: true }, | |
| 134 { namelist: "caption", single: true }, // these are keywords for the 'font' property but only when in the first position | |
| 135 { namelist: "icon", single: true }, | |
| 136 { namelist: "menu", single: true } | |
| 137 | |
| 138 ]; | |
| 139 | |
| 140 if (SpecialPowers.getBoolPref("layout.css.unset-value.enabled")) { | |
| 141 testFontFamilyLists.push( | |
| 142 { namelist: "unset", invalid: true, fontonly: true, single: true }, | |
| 143 { namelist: "unset, simple", invalid: true }, | |
| 144 { namelist: "simple, unset", invalid: true }, | |
| 145 { namelist: "simple, unset bongo" }, | |
| 146 { namelist: "simple, bongo unset" }, | |
| 147 { namelist: "simple unset", single: true }, | |
| 148 { namelist: "unset simple", single: true }); | |
| 149 } | |
| 150 | |
| 151 var gTest = 0; | |
| 152 | |
| 153 /* strip out just values */ | |
| 154 function extractDecl(rule) | |
| 155 { | |
| 156 var t = rule.replace(/[ \n]+/g, " "); | |
| 157 t = t.replace(/.*{[ \n]*/, ""); | |
| 158 t = t.replace(/[ \n]*}.*/, ""); | |
| 159 return t; | |
| 160 } | |
| 161 | |
| 162 | |
| 163 function testStyleRuleParse(decl, invalid) { | |
| 164 var sheet = document.styleSheets[1]; | |
| 165 var rule = ".test" + gTest++ + " { " + decl + "; }"; | |
| 166 | |
| 167 while(sheet.cssRules.length > 0) { | |
| 168 sheet.deleteRule(0); | |
| 169 } | |
| 170 | |
| 171 // shouldn't throw but improper handling of punctuation may cause some parsers to throw | |
| 172 try { | |
| 173 sheet.insertRule(rule, 0); | |
| 174 } catch (e) { | |
| 175 assert_unreached("unexpected error with " + decl + " ==> " + e.name); | |
| 176 } | |
| 177 | |
| 178 assert_equals(sheet.cssRules.length, 1, | |
| 179 "strange number of rules (" + sheet.cssRules.length + ") with " + decl); | |
| 180 | |
| 181 var s = extractDecl(sheet.cssRules[0].cssText); | |
| 182 | |
| 183 if (invalid) { | |
| 184 assert_equals(s, "", "rule declaration shouldn't parse - " + rule + " ==> " + s); | |
| 185 } else { | |
| 186 assert_not_equals(s, "", "rule declaration should parse - " + rule); | |
| 187 | |
| 188 // check that the serialization also parses | |
| 189 var r = ".test" + gTest++ + " { " + s + " }"; | |
| 190 while(sheet.cssRules.length > 0) { | |
| 191 sheet.deleteRule(0); | |
| 192 } | |
| 193 try { | |
| 194 sheet.insertRule(r, 0); | |
| 195 } catch (e) { | |
| 196 assert_unreached("exception occurred parsing serialized form of rule - " + rule + " ==> " + r + " " + e.name); | |
| 197 } | |
| 198 var s2 = extractDecl(sheet.cssRules[0].cssText); | |
| 199 assert_not_equals(s2, "", "serialized form of rule should also parse - " + rule + " ==> " + r); | |
| 200 } | |
| 201 } | |
| 202 | |
| 203 var kDefaultFamilySetting = "onelittlepiggywenttomarket"; | |
| 204 | |
| 205 function testFontFamilySetterParse(namelist, invalid) { | |
| 206 var el = document.getElementById("display"); | |
| 207 | |
| 208 el.style.fontFamily = kDefaultFamilySetting; | |
| 209 var def = el.style.fontFamily; | |
| 210 el.style.fontFamily = namelist; | |
| 211 if (!invalid) { | |
| 212 assert_not_equals(el.style.fontFamily, def, "fontFamily setter should parse - " + namelist); | |
| 213 var parsed = el.style.fontFamily; | |
| 214 el.style.fontFamily = kDefaultFamilySetting; | |
| 215 el.style.fontFamily = parsed; | |
| 216 assert_equals(el.style.fontFamily, parsed, "fontFamily setter should parse serialized form to identical serialization - " + parsed + " ==> " + el.style.fontFamily); | |
| 217 } else { | |
| 218 assert_equals(el.style.fontFamily, def, "fontFamily setter shouldn't parse - " + namelist); | |
| 219 } | |
| 220 } | |
| 221 | |
| 222 var kDefaultFontSetting = "16px onelittlepiggywenttomarket"; | |
| 223 | |
| 224 function testFontSetterParse(n, size, s1, s2, invalid) { | |
| 225 var el = document.getElementById("display"); | |
| 226 | |
| 227 el.style.font = kDefaultFontSetting; | |
| 228 var def = el.style.font; | |
| 229 var fp = fontProp(n, size, s1, s2); | |
| 230 el.style.font = fp; | |
| 231 if (!invalid) { | |
| 232 assert_not_equals(el.style.font, def, "font setter should parse - " + fp); | |
| 233 var parsed = el.style.font; | |
| 234 el.style.font = kDefaultFontSetting; | |
| 235 el.style.font = parsed; | |
| 236 assert_equals(el.style.font, parsed, "font setter should parse serialized form to identical serialization - " + parsed + " ==> " + el.style.font); | |
| 237 } else { | |
| 238 assert_equals(el.style.font, def, "font setter shouldn't parse - " + fp); | |
| 239 } | |
| 240 } | |
| 241 | |
| 242 var testFontVariations = [ | |
| 243 { size: "16px" }, | |
| 244 { size: "900px" }, | |
| 245 { size: "900em" }, | |
| 246 { size: "35%" }, | |
| 247 { size: "7832.3%" }, | |
| 248 { size: "xx-large" }, | |
| 249 { size: "larger", s1: "lighter" }, | |
| 250 { size: "16px", s1: "italic" }, | |
| 251 { size: "16px", s1: "italic", s2: "bold" }, | |
| 252 { size: "smaller", s1: "normal" }, | |
| 253 { size: "16px", s1: "normal", s2: "normal" }, | |
| 254 { size: "16px", s1: "400", s2: "normal" }, | |
| 255 { size: "16px", s1: "bolder", s2: "oblique" } | |
| 256 ]; | |
| 257 | |
| 258 function testFamilyNameParsing() { | |
| 259 var i; | |
| 260 for (i = 0; i < testFontFamilyLists.length; i++) { | |
| 261 var tst = testFontFamilyLists[i]; | |
| 262 var n = tst.namelist; | |
| 263 var t; | |
| 264 | |
| 265 if (!tst.fontonly) { | |
| 266 t = "font-family: " + n; | |
| 267 test(function() { testStyleRuleParse(t, tst.invalid); }, t); | |
| 268 test(function() { testFontFamilySetterParse(n, tst.invalid); }, t + " (setter)"); | |
| 269 } | |
| 270 | |
| 271 var v; | |
| 272 for (v = 0; v < testFontVariations.length; v++) { | |
| 273 var f = testFontVariations[v]; | |
| 274 t = font(n, f.size, f.s1, f.s2); | |
| 275 test(function() { testStyleRuleParse(t, tst.invalid); }, t); | |
| 276 test(function() { testFontSetterParse(n, f.size, f.s1, f.s2, tst.invalid); }, t + " (setter)"); | |
| 277 } | |
| 278 } | |
| 279 } | |
| 280 | |
| 281 testFamilyNameParsing(); | |
| 282 | |
| 283 </script> | |
| 284 </body> | |
| 285 </html> |
