The Tor Browser / file comparison
comparison: layout/base/tests/test_bug435293-scale.html
layout/base/tests/test_bug435293-scale.html
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:0f6540a943dc |
|---|---|
| 1 <!DOCTYPE HTML> | |
| 2 <html> | |
| 3 <!-- | |
| 4 https://bugzilla.mozilla.org/show_bug.cgi?id=435293 | |
| 5 --> | |
| 6 <head> | |
| 7 <title>Test for Bug 435293</title> | |
| 8 <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> | |
| 9 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> | |
| 10 | |
| 11 <style> | |
| 12 .test { | |
| 13 background: green; | |
| 14 height: 100px; | |
| 15 width: 100px; | |
| 16 } | |
| 17 #test1 { | |
| 18 -moz-transform: scalex(0.5); | |
| 19 } | |
| 20 #test2 { | |
| 21 -moz-transform: scaley(0.5); | |
| 22 } | |
| 23 #test3 { | |
| 24 -moz-transform: scale(0.5, 0.5); | |
| 25 } | |
| 26 #test4 { | |
| 27 -moz-transform: scale(0.5, 0.5, 0.5); | |
| 28 } | |
| 29 #test5 { | |
| 30 -moz-transform: scale(80%, none); | |
| 31 } | |
| 32 #test6 { | |
| 33 -moz-transform: scale(640000, 0.0000000000000000001); | |
| 34 } | |
| 35 #test7 { | |
| 36 -moz-transform: scale(2em, 4px); | |
| 37 } | |
| 38 </style> | |
| 39 </head> | |
| 40 <body> | |
| 41 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=435293">Mozilla Bug 435293</a> | |
| 42 <p id="display"></p> | |
| 43 <div id="content"> | |
| 44 <div id="test1" class="test"> | |
| 45 test | |
| 46 </div> | |
| 47 <p id="test2" class="test"> | |
| 48 test | |
| 49 </p> | |
| 50 <div id="test3" class="test"> | |
| 51 test | |
| 52 </div> | |
| 53 <div id="test4" class="test"> | |
| 54 test | |
| 55 </div> | |
| 56 <div id="test5" class="test"> | |
| 57 test | |
| 58 </div> | |
| 59 <div id="test6" class="test"> | |
| 60 test | |
| 61 </div> | |
| 62 <div id="test7" class="test"> | |
| 63 test | |
| 64 </div> | |
| 65 </div> | |
| 66 | |
| 67 <pre id="test"> | |
| 68 <script type="application/javascript"> | |
| 69 runtests(); | |
| 70 | |
| 71 function runtests() { | |
| 72 var style = window.getComputedStyle(document.getElementById("test1"), ""); | |
| 73 is(style.getPropertyValue("-moz-transform"), "matrix(0.5, 0, 0, 1, 0, 0)", | |
| 74 "Scalex proper matrix is applied"); | |
| 75 | |
| 76 style = window.getComputedStyle(document.getElementById("test2"), ""); | |
| 77 is(style.getPropertyValue("-moz-transform"), "matrix(1, 0, 0, 0.5, 0, 0)", | |
| 78 "Scaley proper matrix is applied"); | |
| 79 | |
| 80 style = window.getComputedStyle(document.getElementById("test3"), ""); | |
| 81 is(style.getPropertyValue("-moz-transform"), "matrix(0.5, 0, 0, 0.5, 0, 0)", | |
| 82 "Scale proper matrix is applied"); | |
| 83 | |
| 84 style = window.getComputedStyle(document.getElementById("test4"), ""); | |
| 85 is(style.getPropertyValue("-moz-transform"), "none", | |
| 86 "Three dimensional scale should be ignored"); | |
| 87 | |
| 88 style = window.getComputedStyle(document.getElementById("test5"), ""); | |
| 89 is(style.getPropertyValue("-moz-transform"), "none", | |
| 90 "Percent values in scale should be ignored"); | |
| 91 | |
| 92 style = window.getComputedStyle(document.getElementById("test6"), ""); | |
| 93 is(style.getPropertyValue("-moz-transform"), "matrix(640000, 0, 0, 1e-19, 0, 0)", | |
| 94 "Ensure wacky values are accepted"); | |
| 95 | |
| 96 style = window.getComputedStyle(document.getElementById("test7"), ""); | |
| 97 is(style.getPropertyValue("-moz-transform"), "none", | |
| 98 "No unit values allowed in scale"); | |
| 99 } | |
| 100 </script> | |
| 101 </pre> | |
| 102 </body> | |
| 103 </html> |
