layout/style/test/test_css_function_mismatched_parenthesis.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/style/test/test_css_function_mismatched_parenthesis.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,63 @@
     1.4 +<!DOCTYPE HTML>
     1.5 +<html>
     1.6 +<!--
     1.7 +https://bugzilla.mozilla.org/show_bug.cgi?id=897094
     1.8 +
     1.9 +This test verifies that:
    1.10 +(1) Mismatched parentheses in a CSS function prevent parsing of subsequent CSS
    1.11 +properties.
    1.12 +(2) Properly matched parentheses do not prevent parsing of subsequent CSS
    1.13 +properties.
    1.14 +-->
    1.15 +<head>
    1.16 +  <title>Test for Bug 897094</title>
    1.17 +  <script type="text/javascript" src="/MochiKit/MochiKit.js"></script>
    1.18 +  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
    1.19 +  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
    1.20 +</head>
    1.21 +<body>
    1.22 +<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=897094">Mozilla Bug 897094</a>
    1.23 +<p id="display"></p>
    1.24 +<div id="content" style="display: none">
    1.25 +  <div id="target"></div>
    1.26 +</div>
    1.27 +<pre id="test">
    1.28 +<script class="testbody" type="text/javascript">
    1.29 +
    1.30 +/** Test for Bug 897094 **/
    1.31 +function check_parens(declaration, parens_are_balanced)
    1.32 +{
    1.33 +  var element = document.getElementById("target");
    1.34 +  element.setAttribute("style",
    1.35 +                       "background-color: " + (parens_are_balanced ? "red" : "green") + "; " +
    1.36 +                       declaration + "; " +
    1.37 +                       "background-color: " + (parens_are_balanced ? "green" : "red") + "; ");
    1.38 +  var resultColor = element.style.getPropertyValue("background-color");
    1.39 +  is(resultColor, "green", "parenthesis balancing within " + declaration);
    1.40 +}
    1.41 +
    1.42 +check_parens("transform: scale()", true);
    1.43 +check_parens("transform: scale(", false);
    1.44 +check_parens("transform: scale(,)", true);
    1.45 +check_parens("transform: scale(,", false);
    1.46 +check_parens("transform: scale(1)", true);
    1.47 +check_parens("transform: scale(1", false);
    1.48 +check_parens("transform: scale(1,)", true);
    1.49 +check_parens("transform: scale(1,", false);
    1.50 +check_parens("transform: scale(1,1)", true);
    1.51 +check_parens("transform: scale(1,1", false);
    1.52 +check_parens("transform: scale(1,1,)", true);
    1.53 +check_parens("transform: scale(1,1,", false);
    1.54 +check_parens("transform: scale(1,1,1)", true);
    1.55 +check_parens("transform: scale(1,1,1", false);
    1.56 +check_parens("transform: scale(1,1,1,)", true);
    1.57 +check_parens("transform: scale(1,1,1,", false);
    1.58 +check_parens("transform: scale(1px)", true);
    1.59 +check_parens("transform: scale(1px", false);
    1.60 +check_parens("transform: scale(1px,)", true);
    1.61 +check_parens("transform: scale(1px,", false);
    1.62 +
    1.63 +</script>
    1.64 +</pre>
    1.65 +</body>
    1.66 +</html>

mercurial