The Tor Browser / file comparison
comparison: layout/style/test/test_page_parser.html
layout/style/test/test_page_parser.html
- branch
- TOR_BUG_9701
- changeset 11
- deefc01c0e14
equal
deleted
inserted
replaced
| -1:000000000000 | 0:9742376b0ad5 |
|---|---|
| 1 <!DOCTYPE HTML> | |
| 2 <html> | |
| 3 <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=115199 --> | |
| 4 <head> | |
| 5 <meta charset="UTF-8"> | |
| 6 <title>Test of @page parser</title> | |
| 7 <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> | |
| 8 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"> | |
| 9 </head> | |
| 10 <body> | |
| 11 <p>@page parsing (<a | |
| 12 target="_blank" | |
| 13 href="https://bugzilla.mozilla.org/show_bug.cgi?id=115199" | |
| 14 >bug 115199</a>)</p> | |
| 15 <pre id="display"></pre> | |
| 16 <style type="text/css" id="testbox"></style> | |
| 17 <script class="testbody" type="text/javascript"> | |
| 18 function _(b) { return "@page { " + b + " }"; }; | |
| 19 | |
| 20 var testset = [ | |
| 21 // CSS 2.1 only allows margin properties in the page rule. | |
| 22 | |
| 23 // Check a bad property. | |
| 24 { rule: "position: absolute;" }, | |
| 25 | |
| 26 // Check good properties with invalid units. | |
| 27 { rule: _("margin: 2in; margin: 2vw;"), expected: { | |
| 28 "margin-top": "2in", | |
| 29 "margin-right-value": "2in", | |
| 30 "margin-bottom": "2in", | |
| 31 "margin-left-value": "2in", | |
| 32 "margin-left-ltr-source": "physical", | |
| 33 "margin-left-rtl-source": "physical", | |
| 34 "margin-right-ltr-source": "physical", | |
| 35 "margin-right-rtl-source": "physical" | |
| 36 }}, | |
| 37 { rule: _("margin-top: 2in; margin-top: 2vw;"), expected: {"margin-top": "2in"}}, | |
| 38 { rule: _("margin-top: 2in; margin-top: 2vh;"), expected: {"margin-top": "2in"}}, | |
| 39 { rule: _("margin-top: 2in; margin-top: 2vmax;"), expected: {"margin-top": "2in"}}, | |
| 40 { rule: _("margin-top: 2in; margin-top: 2vmin;"), expected: {"margin-top": "2in"}}, | |
| 41 | |
| 42 // Check good properties. | |
| 43 // NOTE: The margin-*-value and margin-*-source properties are not really | |
| 44 // expected and will need to be removed once bug 241234 is addressed. | |
| 45 { rule: _("margin: 2in;"), expected: { | |
| 46 "margin-top": "2in", | |
| 47 "margin-right-value": "2in", | |
| 48 "margin-bottom": "2in", | |
| 49 "margin-left-value": "2in", | |
| 50 "margin-left-ltr-source": "physical", | |
| 51 "margin-left-rtl-source": "physical", | |
| 52 "margin-right-ltr-source": "physical", | |
| 53 "margin-right-rtl-source": "physical" | |
| 54 }}, | |
| 55 { rule: _("margin-top: 2in;"), expected: {"margin-top": "2in"}}, | |
| 56 { rule: _("margin-left: 2in;"), expected: { | |
| 57 "margin-left-value": "2in", | |
| 58 "margin-left-ltr-source": "physical", | |
| 59 "margin-left-rtl-source": "physical", | |
| 60 }}, | |
| 61 { rule: _("margin-bottom: 2in;"), expected: {"margin-bottom": "2in"}}, | |
| 62 { rule: _("margin-right: 2in;"), expected: { | |
| 63 "margin-right-value": "2in", | |
| 64 "margin-right-ltr-source": "physical", | |
| 65 "margin-right-rtl-source": "physical", | |
| 66 }} | |
| 67 ]; | |
| 68 | |
| 69 var display = document.getElementById("display"); | |
| 70 var sheet = document.styleSheets[1]; | |
| 71 | |
| 72 for (var curTest = 0; curTest < testset.length; curTest++) { | |
| 73 try { | |
| 74 while(sheet.cssRules.length > 0) | |
| 75 sheet.deleteRule(0); | |
| 76 sheet.insertRule(testset[curTest].rule, 0); | |
| 77 } catch (e) { | |
| 78 ok(e.name == "SyntaxError" | |
| 79 && e instanceof DOMException | |
| 80 && e.code == DOMException.SYNTAX_ERR | |
| 81 && !('expected' in testset[curTest]), | |
| 82 testset[curTest].rule + " syntax error thrown", e); | |
| 83 } | |
| 84 | |
| 85 try { | |
| 86 if (testset[curTest].expected) { | |
| 87 is(sheet.cssRules.length, 1, | |
| 88 testset[curTest].rule + " rule count"); | |
| 89 is(sheet.cssRules[0].type, CSSRule.PAGE_RULE, | |
| 90 testset[curTest].rule + " rule type"); | |
| 91 | |
| 92 var expected = testset[curTest].expected; | |
| 93 var s = sheet.cssRules[0].style; | |
| 94 var n = 0; | |
| 95 | |
| 96 // everything is set that should be | |
| 97 for (var name in expected) { | |
| 98 is(s.getPropertyValue(name), expected[name], | |
| 99 testset[curTest].rule + " (prop " + name + ")"); | |
| 100 n++; | |
| 101 } | |
| 102 // nothing else is set | |
| 103 is(s.length, n, testset[curTest].rule + "prop count"); | |
| 104 for (var i = 0; i < s.length; i++) { | |
| 105 ok(s[i] in expected, testset[curTest].rule, | |
| 106 "Unexpected item #" + i + ": " + s[i]); | |
| 107 } | |
| 108 } else { | |
| 109 if (sheet.cssRules.length == 0) { | |
| 110 is(sheet.cssRules.length, 0, | |
| 111 testset[curTest].rule + " rule count (0)"); | |
| 112 } else { | |
| 113 is(sheet.cssRules.length, 1, | |
| 114 testset[curTest].rule + " rule count (1 non-page)"); | |
| 115 isnot(sheet.cssRules[0].type, CSSRule.PAGE_RULE, | |
| 116 testset[curTest].rule + " rule type (1 non-page)"); | |
| 117 } | |
| 118 } | |
| 119 } catch (e) { | |
| 120 ok(false, testset[curTest].rule, "During test: " + e); | |
| 121 } | |
| 122 } | |
| 123 </script> | |
| 124 </body> | |
| 125 </html> |
