1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/style/test/test_font_face_parser.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,357 @@
1.4 +<!DOCTYPE HTML><html>
1.5 +<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=441469 -->
1.6 +<head>
1.7 + <meta http-equiv="content-type" content="text/html; charset=utf-8">
1.8 + <title>Test of @font-face parser</title>
1.9 + <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
1.10 + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css">
1.11 +</head>
1.12 +<body>
1.13 +<p>@font-face parsing (<a
1.14 + target="_blank"
1.15 + href="https://bugzilla.mozilla.org/show_bug.cgi?id=441469"
1.16 +>bug 441469</a>)</p>
1.17 +<pre id="display"></pre>
1.18 +<style type="text/css" id="testbox"></style>
1.19 +<script class="testbody" type="text/javascript">
1.20 + function _(b) { return "@font-face { " + b + " }"; };
1.21 + var testset = [
1.22 + // Complete nonsense - shouldn't make a font-face rule at all.
1.23 + { rule: "@font-face;" },
1.24 + { rule: "font-face { }" },
1.25 + { rule: "@fontface { }" },
1.26 + { rule: "@namespace foo url(http://example.com/foo);" },
1.27 +
1.28 + // Empty rule.
1.29 + { rule: "@font-face { }", d: {} },
1.30 + { rule: "@font-face {", d: {} },
1.31 + { rule: "@font-face { ; }", d: {}, noncanonical: true },
1.32 +
1.33 + // Correct font-family.
1.34 + { rule: _("font-family: \"Mouse\";"), d: {"font-family" : "\"Mouse\""} },
1.35 + { rule: _("font-family: \"Mouse\""), d: {"font-family" : "\"Mouse\""},
1.36 + noncanonical: true },
1.37 + { rule: _("font-family: Mouse;"), d: {"font-family" : "\"Mouse\"" },
1.38 + noncanonical: true },
1.39 + { rule: _("font-family: Mouse"), d: {"font-family" : "\"Mouse\"" },
1.40 + noncanonical: true },
1.41 +
1.42 + // Correct but unusual font-family.
1.43 + { rule: _("font-family: Hoefler Text;"),
1.44 + d: {"font-family" : "\"Hoefler Text\""},
1.45 + noncanonical: true },
1.46 +
1.47 + // Incorrect font-family.
1.48 + { rule: _("font-family:"), d: {} },
1.49 + { rule: _("font-family \"Mouse\""), d: {} },
1.50 + { rule: _("font-family: *"), d: {} },
1.51 + { rule: _("font-family: Mouse, Rat"), d: {} },
1.52 + { rule: _("font-family: sans-serif"), d: {} },
1.53 +
1.54 + // Correct font-style.
1.55 + { rule: _("font-style: normal;"), d: {"font-style" : "normal"} },
1.56 + { rule: _("font-style: italic;"), d: {"font-style" : "italic"} },
1.57 + { rule: _("font-style: oblique;"), d: {"font-style" : "oblique"} },
1.58 +
1.59 + // Correct font-weight.
1.60 + { rule: _("font-weight: 100;"), d: {"font-weight" : "100"} },
1.61 + { rule: _("font-weight: 200;"), d: {"font-weight" : "200"} },
1.62 + { rule: _("font-weight: 300;"), d: {"font-weight" : "300"} },
1.63 + { rule: _("font-weight: 400;"), d: {"font-weight" : "400"} },
1.64 + { rule: _("font-weight: 500;"), d: {"font-weight" : "500"} },
1.65 + { rule: _("font-weight: 600;"), d: {"font-weight" : "600"} },
1.66 + { rule: _("font-weight: 700;"), d: {"font-weight" : "700"} },
1.67 + { rule: _("font-weight: 800;"), d: {"font-weight" : "800"} },
1.68 + { rule: _("font-weight: 900;"), d: {"font-weight" : "900"} },
1.69 + { rule: _("font-weight: normal;"), d: {"font-weight" : "normal"} },
1.70 + { rule: _("font-weight: bold;"), d: {"font-weight" : "bold"} },
1.71 +
1.72 + // Incorrect font-weight.
1.73 + { rule: _("font-weight: bolder;"), d: {} },
1.74 + { rule: _("font-weight: lighter;"), d: {} },
1.75 +
1.76 + // Correct font-stretch.
1.77 + { rule: _("font-stretch: ultra-condensed;"),
1.78 + d: {"font-stretch" : "ultra-condensed"} },
1.79 + { rule: _("font-stretch: extra-condensed;"),
1.80 + d: {"font-stretch" : "extra-condensed"} },
1.81 + { rule: _("font-stretch: condensed;"),
1.82 + d: {"font-stretch" : "condensed"} },
1.83 + { rule: _("font-stretch: semi-condensed;"),
1.84 + d: {"font-stretch" : "semi-condensed"} },
1.85 + { rule: _("font-stretch: normal;"),
1.86 + d: {"font-stretch" : "normal"} },
1.87 + { rule: _("font-stretch: semi-expanded;"),
1.88 + d: {"font-stretch" : "semi-expanded"} },
1.89 + { rule: _("font-stretch: expanded;"),
1.90 + d: {"font-stretch" : "expanded"} },
1.91 + { rule: _("font-stretch: extra-expanded;"),
1.92 + d: {"font-stretch" : "extra-expanded"} },
1.93 + { rule: _("font-stretch: ultra-expanded;"),
1.94 + d: {"font-stretch" : "ultra-expanded"} },
1.95 +
1.96 + // Incorrect font-stretch.
1.97 + { rule: _("font-stretch: wider;"), d: {} },
1.98 + { rule: _("font-stretch: narrower;"), d: {} },
1.99 +
1.100 + // Correct src:
1.101 + { rule: _("src: url(\"/fonts/Mouse\");"),
1.102 + d: { "src" : "url(\"/fonts/Mouse\")" } },
1.103 + { rule: _("src: url(/fonts/Mouse);"),
1.104 + d: { "src" : "url(\"/fonts/Mouse\")" }, noncanonical: true },
1.105 +
1.106 + { rule: _("src: url(\"/fonts/Mouse\") format(\"truetype\");"),
1.107 + d: { "src" : "url(\"/fonts/Mouse\") format(\"truetype\")" } },
1.108 + { rule: _("src: url(\"/fonts/Mouse\") format(\"truetype\", \"opentype\");"),
1.109 + d: { "src" : "url(\"/fonts/Mouse\") format(\"truetype\", \"opentype\")" } },
1.110 +
1.111 + { rule: _("src: url(\"/fonts/Mouse\"), url(\"/fonts/Rat\");"),
1.112 + d: { "src" : "url(\"/fonts/Mouse\"), url(\"/fonts/Rat\")" } },
1.113 +
1.114 + { rule: _("src: local(Mouse), url(\"/fonts/Mouse\");"),
1.115 + d: { "src" : "local(\"Mouse\"), url(\"/fonts/Mouse\")" },
1.116 + noncanonical: true },
1.117 +
1.118 + { rule: _("src: local(\"老鼠\"), url(\"/fonts/Mouse\");"),
1.119 + d: { "src" : "local(\"老鼠\"), url(\"/fonts/Mouse\")" } },
1.120 +
1.121 + { rule: _("src: local(\"老鼠\"), url(\"/fonts/Mouse\") format(\"truetype\");"),
1.122 + d: { "src" : "local(\"老鼠\"), url(\"/fonts/Mouse\") format(\"truetype\")" } },
1.123 +
1.124 + // Correct but unusual src:
1.125 + { rule: _("src: local(Hoefler Text);"),
1.126 + d: {"src" : "local(\"Hoefler Text\")"}, noncanonical: true },
1.127 +
1.128 + // Incorrect src:
1.129 + { rule: _("src:"), d: {} },
1.130 + { rule: _("src: \"/fonts/Mouse\";"), d: {} },
1.131 + { rule: _("src: /fonts/Mouse;"), d: {} },
1.132 + { rule: _("src: url(\"/fonts/Mouse\") format(truetype);"), d: {} },
1.133 + { rule: _("src: url(\"/fonts/Mouse\") format(\"truetype\",opentype);"), d: {} },
1.134 + { rule: _("src: local(*);"), d: {} },
1.135 + { rule: _("src: format(\"truetype\");"), d: {} },
1.136 + { rule: _("src: local(Mouse) format(\"truetype\");"), d: {} },
1.137 + { rule: _("src: local(Mouse, Rat);"), d: {} },
1.138 + { rule: _("src: local(sans-serif);"), d: {} },
1.139 +
1.140 + // Repeated descriptors
1.141 + { rule: _("font-weight: 700; font-weight: 200;"),
1.142 + d: {"font-weight" : "200"},
1.143 + noncanonical: true },
1.144 + { rule: _("src: url(\"/fonts/Cat\"); src: url(\"/fonts/Mouse\");"),
1.145 + d: { "src" : "url(\"/fonts/Mouse\")" },
1.146 + noncanonical: true },
1.147 + { rule: _("src: local(Cat); src: local(Mouse)"),
1.148 + d: { "src" : "local(\"Mouse\")" },
1.149 + noncanonical: true },
1.150 +
1.151 + // Correct parenthesis matching for local()
1.152 + { rule: _("src: local(Mouse); src: local(Cat(); src: local(Rat); )"),
1.153 + d: { "src" : "local(\"Mouse\")" },
1.154 + noncanonical: true },
1.155 + { rule: _("src: local(Mouse); src: local(\"Cat\"; src: local(Rat); )"),
1.156 + d: { "src" : "local(\"Mouse\")" },
1.157 + noncanonical: true },
1.158 +
1.159 + // Correct parenthesis matching for format()
1.160 + { rule: _("src: url(\"/fonts/Mouse\"); " +
1.161 + "src: url(\"/fonts/Cat\") format(Cat(); src: local(Rat); )"),
1.162 + d: { "src" : "url(\"/fonts/Mouse\")" },
1.163 + noncanonical: true },
1.164 + { rule: _("src: url(\"/fonts/Mouse\"); " +
1.165 + "src: url(\"/fonts/Cat\") format(\"Cat\"; src: local(Rat); )"),
1.166 + d: { "src" : "url(\"/fonts/Mouse\")" },
1.167 + noncanonical: true },
1.168 + { rule: _("src: url(\"/fonts/Mouse\"); " +
1.169 + "src: url(\"/fonts/Cat\") format((); src: local(Rat); )"),
1.170 + d: { "src" : "url(\"/fonts/Mouse\")" },
1.171 + noncanonical: true },
1.172 +
1.173 + // Correct unicode-range:
1.174 + { rule: _("unicode-range: U+00A5;"), d: { "unicode-range" : "U+00A5" } },
1.175 + { rule: _("unicode-range: U+A5;"),
1.176 + d: { "unicode-range" : "U+00A5" }, noncanonical: true },
1.177 + { rule: _("unicode-range: U+00a5;"),
1.178 + d: { "unicode-range" : "U+00A5" }, noncanonical: true },
1.179 + { rule: _("unicode-range: u+00a5;"),
1.180 + d: { "unicode-range" : "U+00A5" }, noncanonical: true },
1.181 + { rule: _("unicode-range: U+0000-00FF;"),
1.182 + d: { "unicode-range" : "U+0000-00FF" } },
1.183 + { rule: _("unicode-range: U+00??;"),
1.184 + d: { "unicode-range" : "U+0000-00FF" }, noncanonical: true },
1.185 + { rule: _("unicode-range: U+?"),
1.186 + d: { "unicode-range" : "U+0000-000F" }, noncanonical: true },
1.187 + { rule: _("unicode-range: U+??????"),
1.188 + d: { "unicode-range" : "U+0000-10FFFF" }, noncanonical: true },
1.189 + { rule: _("unicode-range: U+590-5ff;"),
1.190 + d: { "unicode-range" : "U+0590-05FF" }, noncanonical: true },
1.191 + { rule: _("unicode-range: U+A0000-12FFFF"),
1.192 + d: { "unicode-range" : "U+A0000-10FFFF" }, noncanonical: true },
1.193 +
1.194 + { rule: _("unicode-range: U+A5, U+4E00-9FFF, U+30??, U+FF00-FF9F;"),
1.195 + d: { "unicode-range" : "U+00A5, U+4E00-9FFF, U+3000-30FF, U+FF00-FF9F" },
1.196 + noncanonical: true },
1.197 +
1.198 + { rule: _("unicode-range: U+104??;"),
1.199 + d: { "unicode-range" : "U+10400-104FF" }, noncanonical: true },
1.200 + { rule: _("unicode-range: U+320??, U+321??, U+322??, U+323??, U+324??, U+325??;"),
1.201 + d: { "unicode-range" : "U+32000-320FF, U+32100-321FF, U+32200-322FF, U+32300-323FF, U+32400-324FF, U+32500-325FF" },
1.202 + noncanonical: true },
1.203 + { rule: _("unicode-range: U+100000-10ABCD;"),
1.204 + d: { "unicode-range" : "U+100000-10ABCD" } },
1.205 + { rule: _("unicode-range: U+0121 , U+1023"),
1.206 + d: { "unicode-range" : "U+0121, U+1023" }, noncanonical: true },
1.207 + { rule: _("unicode-range: U+0121/**/, U+1023"),
1.208 + d: { "unicode-range" : "U+0121, U+1023" }, noncanonical: true },
1.209 +
1.210 + // Incorrect unicode-range:
1.211 + { rule: _("unicode-range:"), d: {} },
1.212 + { rule: _("unicode-range: U+"), d: {} },
1.213 + { rule: _("unicode-range: U+8FFFFFFF"), d: {} },
1.214 + { rule: _("unicode-range: U+8FFF-7000"), d: {} },
1.215 + { rule: _("unicode-range: U+8F??-9000"), d: {} },
1.216 + { rule: _("unicode-range: U+9000-9???"), d: {} },
1.217 + { rule: _("unicode-range: U+??00"), d: {} },
1.218 + { rule: _("unicode-range: U+12345678?"), d: {} },
1.219 + { rule: _("unicode-range: U+1????????"), d: {} },
1.220 + { rule: _("unicode-range: twelve"), d: {} },
1.221 + { rule: _("unicode-range: 1000"), d: {} },
1.222 + { rule: _("unicode-range: 13??"), d: {} },
1.223 + { rule: _("unicode-range: 1300-1377"), d: {} },
1.224 + { rule: _("unicode-range: U-1000"), d: {} },
1.225 + { rule: _("unicode-range: U+nnnn"), d: {} },
1.226 + { rule: _("unicode-range: U+0121 U+1023"), d: {} },
1.227 + { rule: _("unicode-range: U+ 0121"), d: {} },
1.228 + { rule: _("unicode-range: U +0121"), d: {} },
1.229 + { rule: _("unicode-range: U+0121-"), d: {} },
1.230 + { rule: _("unicode-range: U+0121- 1023"), d: {} },
1.231 + { rule: _("unicode-range: U+0121 -1023"), d: {} },
1.232 + { rule: _("unicode-range: U+012 ?"), d: {} },
1.233 + { rule: _("unicode-range: U+01 2?"), d: {} },
1.234 +
1.235 + // Thorough test of seven-digit rejection: all these are syntax errors
1.236 + { rule: _("unicode-range: U+1034560, U+A5"), d: {} },
1.237 + { rule: _("unicode-range: U+1034569, U+A5"), d: {} },
1.238 + { rule: _("unicode-range: U+103456a, U+A5"), d: {} },
1.239 + { rule: _("unicode-range: U+103456f, U+A5"), d: {} },
1.240 + { rule: _("unicode-range: U+103456?, U+A5"), d: {} },
1.241 + { rule: _("unicode-range: U+103456-1034560, U+A5"), d: {} },
1.242 + { rule: _("unicode-range: U+103456-1034569, U+A5"), d: {} },
1.243 + { rule: _("unicode-range: U+103456-103456a, U+A5"), d: {} },
1.244 + { rule: _("unicode-range: U+103456-103456f, U+A5"), d: {} },
1.245 +
1.246 + // Syntactically invalid unicode-range tokens invalidate the
1.247 + // entire descriptor
1.248 + { rule: _("unicode-range: U+1, U+2, U+X"), d: {} },
1.249 + { rule: _("unicode-range: U+A5, U+0?F"), d: {} },
1.250 + { rule: _("unicode-range: U+A5, U+0F?-E00"), d: {} },
1.251 +
1.252 + // Descending ranges and ranges outside 0-10FFFF are ignored
1.253 + // but do not invalidate the descriptor
1.254 + { rule: _("unicode-range: U+A5, U+90-30"),
1.255 + d: { "unicode-range" : "U+00A5" }, noncanonical: true },
1.256 + { rule: _("unicode-range: U+A5, U+220043"),
1.257 + d: { "unicode-range" : "U+00A5" }, noncanonical: true },
1.258 +
1.259 + // -moz-font-feature-settings
1.260 + { rule: _("-moz-font-feature-settings: normal;"),
1.261 + d: { "-moz-font-feature-settings" : "normal" } },
1.262 + { rule: _("-moz-font-feature-settings: \"dlig\";"),
1.263 + d: { "-moz-font-feature-settings" : "\"dlig\"" } },
1.264 + { rule: _("-moz-font-feature-settings: \"dlig\" 1;"),
1.265 + d: { "-moz-font-feature-settings" : "\"dlig\"" }, noncanonical: true },
1.266 + { rule: _("-moz-font-feature-settings: 'dlig' 1"),
1.267 + d: { "-moz-font-feature-settings" : "\"dlig\"" }, noncanonical: true },
1.268 +
1.269 + // incorrect -moz-font-feature-settings
1.270 + { rule: _("-moz-font-feature-settings: dlig 1"), d: {} },
1.271 + { rule: _("-moz-font-feature-settings: none;"), d: {} },
1.272 + { rule: _("-moz-font-feature-settings: 0;"), d: {} },
1.273 + { rule: _("-moz-font-feature-settings: 3.14;"), d: {} },
1.274 + { rule: _("-moz-font-feature-settings: 'blah' 3.14;"), d: {} },
1.275 + { rule: _("-moz-font-feature-settings: 'dlig' 1 'hist' 0;"), d: {} },
1.276 + { rule: _("-moz-font-feature-settings: 'dlig=1,hist=1'"), d: {} },
1.277 +
1.278 + // -moz-font-language-override:
1.279 + { rule: _("-moz-font-language-override: normal;"),
1.280 + d: { "-moz-font-language-override" : "normal" } },
1.281 + { rule: _("-moz-font-language-override: \"TRK\";"),
1.282 + d: { "-moz-font-language-override" : "\"TRK\"" } },
1.283 + { rule: _("-moz-font-language-override: 'TRK'"),
1.284 + d: { "-moz-font-language-override" : "\"TRK\"" }, noncanonical: true },
1.285 +
1.286 + // incorrect -moz-font-language-override
1.287 + { rule: _("-moz-font-language-override: TRK"), d: {} },
1.288 + { rule: _("-moz-font-language-override: none;"), d: {} },
1.289 + { rule: _("-moz-font-language-override: 0;"), d: {} },
1.290 + { rule: _("-moz-font-language-override: #999;"), d: {} },
1.291 + { rule: _("-moz-font-language-override: 'TRK' 'SRB'"), d: {} },
1.292 + { rule: _("-moz-font-language-override: 'TRK', 'SRB'"), d: {} },
1.293 + ];
1.294 +
1.295 + var display = document.getElementById("display");
1.296 + var sheet = document.styleSheets[1];
1.297 +
1.298 + for (var curTest = 0; curTest < testset.length; curTest++) {
1.299 + try {
1.300 + while(sheet.cssRules.length > 0)
1.301 + sheet.deleteRule(0);
1.302 + sheet.insertRule(testset[curTest].rule, 0);
1.303 + } catch (e) {
1.304 + ok(e.name == "SyntaxError"
1.305 + && e instanceof DOMException
1.306 + && e.code == DOMException.SYNTAX_ERR
1.307 + && !('d' in testset[curTest]),
1.308 + testset[curTest].rule + " syntax error thrown", e);
1.309 + }
1.310 +
1.311 + try {
1.312 + if (testset[curTest].d) {
1.313 + is(sheet.cssRules.length, 1,
1.314 + testset[curTest].rule + " rule count");
1.315 + is(sheet.cssRules[0].type, 5 /*FONT_FACE_RULE*/,
1.316 + testset[curTest].rule + " rule type");
1.317 +
1.318 + var d = testset[curTest].d;
1.319 + var s = sheet.cssRules[0].style;
1.320 + var n = 0;
1.321 +
1.322 + // everything is set that should be
1.323 + for (var name in d) {
1.324 + is(s.getPropertyValue(name), d[name],
1.325 + testset[curTest].rule + " (prop " + name + ")");
1.326 + n++;
1.327 + }
1.328 + // nothing else is set
1.329 + is(s.length, n, testset[curTest].rule + "prop count");
1.330 + for (var i = 0; i < s.length; i++) {
1.331 + ok(s[i] in d, testset[curTest].rule,
1.332 + "Unexpected item #" + i + ": " + s[i]);
1.333 + }
1.334 +
1.335 + // round-tripping of cssText
1.336 + // this is a strong test; it's okay if the exact serialization
1.337 + // changes in the future
1.338 + if (n && !testset[curTest].noncanonical) {
1.339 + is(sheet.cssRules[0].cssText.replace(/[ \n]+/g, " "),
1.340 + testset[curTest].rule,
1.341 + testset[curTest].rule + " rule text");
1.342 + }
1.343 + } else {
1.344 + if (sheet.cssRules.length == 0) {
1.345 + is(sheet.cssRules.length, 0,
1.346 + testset[curTest].rule + " rule count (0)");
1.347 + } else {
1.348 + is(sheet.cssRules.length, 1,
1.349 + testset[curTest].rule + " rule count (1 non-fontface)");
1.350 + isnot(sheet.cssRules[0].type, 5 /*FONT_FACE_RULE*/,
1.351 + testset[curTest].rule + " rule type (1 non-fontface)");
1.352 + }
1.353 + }
1.354 + } catch (e) {
1.355 + ok(false, testset[curTest].rule, "During test: " + e);
1.356 + }
1.357 + }
1.358 +</script>
1.359 +</body>
1.360 +</html>
