| 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 |