[css-grid] Unprefix CSS Grid Layout properties
[WebKit-https.git] / LayoutTests / css3 / calc / minmax-errors.html
1 <!DOCTYPE HTML>
2 <style>
3 #test div {
4     height: 100px;
5     background-color: red;
6 }
7 </style>
8
9 <p>
10   All boxes below should be 100px * 100px and green.
11 </p>
12
13 <div id="test">
14
15 MIN
16 <div style="width: 100px; width: -webkit-min(">unclosed min</div>
17 <div style="width: 100px; width: -webkit-min( bob">unclosed min with garbage</div>
18 <div style="width: 100px; width: -webkit-min( bob );">garbage</div>
19 <div style="width: 100px; width: -webkit-min(20px,);">extra trailing comma</div>
20 <div style="width: 100px; width: -webkit-min(,20px);">leading comma</div>
21 <div style="width: 100px; width: -webkit-min(20px, bob);">trailing garbage</div>
22 <div style="width: 100px; width: -webmit-min(20px, 10px + flim);">bad expression</div>
23 <div style="width: 100px; width: -webkit-min(256px, 120);">mix length and number</div>
24 <div style="width: 100px; width: -webkit-min(256, 120px);">mix number and length</div>
25 <div style="width: 100px; width: -webkit-min(50%, 150);">mix percent and number</div>
26 <div style="width: 100px; width: -webkit-min(150, 50%);">mix number and percent</div>
27
28 MAX
29 <div style="width: 100px; width: -webkit-max(">unclosed max</div>
30 <div style="width: 100px; width: -webkit-max( bob">unclosed max with garbage</div>
31 <div style="width: 100px; width: -webkit-max(256px, 120);">mix length and number</div>
32 <div style="width: 100px; width: -webkit-max(256, 120px);">mix number and length</div>
33 <div style="width: 100px; width: -webkit-max(50%, 150);">mix percent and number</div>
34 <div style="width: 100px; width: -webkit-max(150, 50%);">mix number and percent</div>
35
36 </div>
37
38 <script>
39 if (window.testRunner)
40     testRunner.dumpAsText();
41
42 var test = document.getElementById("test");
43 for (var element = test.firstChild; element; element = element.nextSibling) {
44     var width = element.offsetWidth;
45     var error = [];
46     if (width != 100)
47         error.push("expected width of 100, but was " + width);
48     var height = element.offsetHeight;
49     if (height != 100)
50         error.push("expected height of 100, but was " + width);
51
52     if (error == "") {
53         element.style.backgroundColor = "green";
54         element.innerHTML += " => PASS";
55     } else {
56         element.innerHTML += " => FAIL: " + error.join(", ");
57     }
58 }
59 </script>