OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <style> | 2 <style> |
3 .width-test { | 3 .width-test { |
4 height: 100px; | 4 height: 100px; |
5 width: 256px; | 5 width: 256px; |
6 background-color: red; | 6 background-color: red; |
7 } | 7 } |
8 | 8 |
9 .height-test { | 9 .height-test { |
10 width: 100px; | 10 width: 100px; |
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
71 <div class="width-test" style="width: calc( 50px + 50px );"> 50px + 50px </div
> | 71 <div class="width-test" style="width: calc( 50px + 50px );"> 50px + 50px </div
> |
72 <div class="width-test" style="width: calc( 50px + 25px * 2 );"> 50px + 25px * 2
</div> | 72 <div class="width-test" style="width: calc( 50px + 25px * 2 );"> 50px + 25px * 2
</div> |
73 <div class="width-test" style="width: calc( (25px + 25px) * 2 );"> (25px + 25px)
* 2 </div> | 73 <div class="width-test" style="width: calc( (25px + 25px) * 2 );"> (25px + 25px)
* 2 </div> |
74 <div class="width-test" style="width: calc(2 * 50px);">2 * 50px</div> | 74 <div class="width-test" style="width: calc(2 * 50px);">2 * 50px</div> |
75 <div class="width-test" style="width: calc(2 * 100px / 2);">2 * 100px / 2</div> | 75 <div class="width-test" style="width: calc(2 * 100px / 2);">2 * 100px / 2</div> |
76 <div class="width-test" style="width: calc((1em - 1em) + 100px);">(1em - 1em) +
100px</div> | 76 <div class="width-test" style="width: calc((1em - 1em) + 100px);">(1em - 1em) +
100px</div> |
77 <div class="width-test" style="width: calc(50px + +50px);">50px + +50px</div> | 77 <div class="width-test" style="width: calc(50px + +50px);">50px + +50px</div> |
78 <div class="width-test" style="width: calc(-50px + 150px);">-50px + 150px</div> | 78 <div class="width-test" style="width: calc(-50px + 150px);">-50px + 150px</div> |
79 <div class="width-test" style="width: calc(-50px - -150px);">-50px - -150px</div
> | 79 <div class="width-test" style="width: calc(-50px - -150px);">-50px - -150px</div
> |
80 <div class="width-test" style="width: calc((((((((100px))))))));">(((((((100px))
)))))</div> | 80 <div class="width-test" style="width: calc((((((((100px))))))));">(((((((100px))
)))))</div> |
| 81 <div class="width-test" style="width: calc(( 50px + 50px ));"> 50px + 50px </d
iv> |
81 <div class="height-test" style="height: calc(100px);">100px</div> | 82 <div class="height-test" style="height: calc(100px);">100px</div> |
82 <div style="height: 50px; background-color: white;" class="wrapper"> | 83 <div style="height: 50px; background-color: white;" class="wrapper"> |
83 <div class="height-test" style="height: calc(100% * 2);">100% * 2</div> | 84 <div class="height-test" style="height: calc(100% * 2);">100% * 2</div> |
84 </div> | 85 </div> |
85 </div> | 86 </div> |
86 | 87 |
87 <script> | 88 <script> |
88 if (window.testRunner) | 89 if (window.testRunner) |
89 testRunner.dumpAsText(); | 90 testRunner.dumpAsText(); |
90 var tolerance = 0.1; | 91 var tolerance = 0.1; |
(...skipping 18 matching lines...) Expand all Loading... |
109 error.push("@zoom=" + zoom + " expected height of 100, but was " + h
eight); | 110 error.push("@zoom=" + zoom + " expected height of 100, but was " + h
eight); |
110 } | 111 } |
111 if (error == "") { | 112 if (error == "") { |
112 element.style.backgroundColor = "green"; | 113 element.style.backgroundColor = "green"; |
113 element.innerHTML += " => PASS"; | 114 element.innerHTML += " => PASS"; |
114 } else | 115 } else |
115 element.innerHTML += " => FAIL: " + error.join("; "); | 116 element.innerHTML += " => FAIL: " + error.join("; "); |
116 } | 117 } |
117 document.body.style.zoom = 1; | 118 document.body.style.zoom = 1; |
118 </script> | 119 </script> |
OLD | NEW |