CSS3 calc: unprefix implementation
[WebKit-https.git] / LayoutTests / css3 / calc / cssom.html
1 <!DOCTYPE HTML>
2 <div id="dummy"></div>
3 <div id="results">This tests calc() and the CSSOM<br><br></div>
4 <script>
5 if (window.testRunner)
6     window.testRunner.dumpAsText();
7
8 var tests = ["10px", 
9              "10px + 15px", 
10              "100%", 
11              "100% - 10px",
12              "10px + 10px * 5",
13              "5px + 2em + 6in",
14              "100% - 10px / 2",
15              "1px + 2em - 3rem + 4in",
16              "100px * (1 + 2 * 3 - 4 / 5)",
17              "(100px) + 200px",
18              "((((((((((100px))))))))))",
19              "flimstix"];
20              
21 var results = document.getElementById("results");
22 var dummy = document.getElementById("dummy");
23 for (var i = 0; i < tests.length; ++i) {
24     var expression = tests[i];
25     dummy.style.width = 'calc(' + expression + ')';
26     dummy.style.width = 'calc(' + expression + ')';
27     dummy.style.width = '-moz-calc(' + expression + ')';
28     results.innerHTML += expression + " => " + dummy.style.width + "<br>";
29 }
30 </script>