test_css_function_mismatched_parenthesis.html (2228B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=897094 5 6 This test verifies that: 7 (1) Mismatched parentheses in a CSS function prevent parsing of subsequent CSS 8 properties. 9 (2) Properly matched parentheses do not prevent parsing of subsequent CSS 10 properties. 11 --> 12 <head> 13 <title>Test for Bug 897094</title> 14 <script src="/tests/SimpleTest/SimpleTest.js"></script> 15 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> 16 </head> 17 <body> 18 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=897094">Mozilla Bug 897094</a> 19 <p id="display"></p> 20 <div id="content" style="display: none"> 21 <div id="target"></div> 22 </div> 23 <pre id="test"> 24 <script class="testbody" type="text/javascript"> 25 26 /** Test for Bug 897094 */ 27 function check_parens(declaration, parens_are_balanced) 28 { 29 var element = document.getElementById("target"); 30 element.setAttribute("style", 31 "background-color: " + (parens_are_balanced ? "red" : "green") + "; " + 32 declaration + "; " + 33 "background-color: " + (parens_are_balanced ? "green" : "red") + "; "); 34 var resultColor = element.style.getPropertyValue("background-color"); 35 is(resultColor, "green", "parenthesis balancing within " + declaration); 36 } 37 38 check_parens("transform: scale()", true); 39 check_parens("transform: scale(", false); 40 check_parens("transform: scale(,)", true); 41 check_parens("transform: scale(,", false); 42 check_parens("transform: scale(1)", true); 43 check_parens("transform: scale(1", false); 44 check_parens("transform: scale(1,)", true); 45 check_parens("transform: scale(1,", false); 46 check_parens("transform: scale(1,1)", true); 47 check_parens("transform: scale(1,1", false); 48 check_parens("transform: scale(1,1,)", true); 49 check_parens("transform: scale(1,1,", false); 50 check_parens("transform: scale(1,1,1)", true); 51 check_parens("transform: scale(1,1,1", false); 52 check_parens("transform: scale(1,1,1,)", true); 53 check_parens("transform: scale(1,1,1,", false); 54 check_parens("transform: scale(1px)", true); 55 check_parens("transform: scale(1px", false); 56 check_parens("transform: scale(1px,)", true); 57 check_parens("transform: scale(1px,", false); 58 59 </script> 60 </pre> 61 </body> 62 </html>