OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <script src="../../resources/testharness.js"></script> | 2 <script src="../../resources/testharness.js"></script> |
3 <script src="../../resources/testharnessreport.js"></script> | 3 <script src="../../resources/testharnessreport.js"></script> |
4 <style> | 4 <style> |
5 div { | 5 div { |
6 height: 100px; | 6 height: 100px; |
7 width: 100px; | 7 width: 100px; |
8 transform: matrix(1, 0, 0, 1, 0, 0); | 8 transform: matrix(1, 0, 0, 1, 0, 0); |
9 animation-delay: 100s; | 9 animation-delay: 100s; |
10 } | 10 } |
(...skipping 19 matching lines...) Expand all Loading... |
30 <div style="width: calc(1mod 10 * 200px);">1mod</div> | 30 <div style="width: calc(1mod 10 * 200px);">1mod</div> |
31 <div style="width: calc(70px+40px);">70px+40px no whitespace around + </div> | 31 <div style="width: calc(70px+40px);">70px+40px no whitespace around + </div> |
32 <div style="width: calc(70px +40px);">70px +40px no whitespace on right of +</di
v> | 32 <div style="width: calc(70px +40px);">70px +40px no whitespace on right of +</di
v> |
33 <div style="width: calc(70px+ 40px);">70px+ 40px no whitespace on left of +</div
> | 33 <div style="width: calc(70px+ 40px);">70px+ 40px no whitespace on left of +</div
> |
34 <div style="width: calc(70px+-40px);">70px+-40px no whitespace around + </div> | 34 <div style="width: calc(70px+-40px);">70px+-40px no whitespace around + </div> |
35 <div style="width: calc(70px-40px);">70px-40px no whitespace around - </div> | 35 <div style="width: calc(70px-40px);">70px-40px no whitespace around - </div> |
36 <div style="width: calc(70px -40px);">70px -40px no whitespace on right of -</di
v> | 36 <div style="width: calc(70px -40px);">70px -40px no whitespace on right of -</di
v> |
37 <div style="width: calc(70px- 40px);">70px- 40px no whitespace on left of -</div
> | 37 <div style="width: calc(70px- 40px);">70px- 40px no whitespace on left of -</div
> |
38 <div style="width: calc(70px-+40px);">70px-+40px no whitespace around - </div> | 38 <div style="width: calc(70px-+40px);">70px-+40px no whitespace around - </div> |
39 | 39 |
| 40 <div style="width: calc(70px+/**/40px);">70px+/**/40px no whitespace around + </
div> |
| 41 <div style="width: calc(70px/**/+40px);">70px/**/+40px no whitespace around + </
div> |
| 42 <div style="width: calc(70px/**/+/**/40px);">70px+/**/40px no whitespace around
+ </div> |
| 43 <div style="width: calc(70px +/**/40px);">70px +/**/40px no whitespace on right
of +</div> |
| 44 <div style="width: calc(70px/**/+ 40px);">70px/**/+ 40px no whitespace on left o
f +</div> |
| 45 <div style="width: calc(70px/**/+-40px);">70px/**/+-40px no whitespace around +
</div> |
| 46 <div style="width: calc(70px+/**/-40px);">70px+/**/-40px no whitespace around +
</div> |
| 47 <div style="width: calc(70px/**/+/**/-40px);">70px/**/+/**/-40px no whitespace a
round + </div> |
| 48 |
| 49 <div style="width: calc(70px-/**/40px);">70px-/**/40px no whitespace around - </
div> |
| 50 <div style="width: calc(70px/**/-40px);">70px/**/-40px no whitespace around - </
div> |
| 51 <div style="width: calc(70px/**/-/**/40px);">70px/**/-/**/40px no whitespace aro
und - </div> |
| 52 <div style="width: calc(70px -/**/40px);">70px -/**/40px no whitespace on right
of -</div> |
| 53 <div style="width: calc(70px/**/- 40px);">70px/**/- 40px no whitespace on left o
f -</div> |
| 54 <div style="width: calc(70px/**/-+40px);">70px/**/-+40px no whitespace around -
</div> |
| 55 <div style="width: calc(70px-/**/+40px);">70px-/**/+40px no whitespace around -
</div> |
| 56 <div style="width: calc(70px/**/-/**/+40px);">70px/**/-/**/+40px no whitespace a
round - </div> |
| 57 |
40 <!-- too many nests should be rejected to avoid stack overflow --> | 58 <!-- too many nests should be rejected to avoid stack overflow --> |
41 <div style="width: calc(((((((((((((((((((((((((((((((((((((((((((((((((((((((((
((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((200px)))
))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
))))))))))))))))))))))))))))))))))))))))))))));">too many nests</div> | 59 <div style="width: calc(((((((((((((((((((((((((((((((((((((((((((((((((((((((((
((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((200px)))
))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
))))))))))))))))))))))))))))))))))))))))))))));">too many nests</div> |
42 | 60 |
43 <!-- invalid formulas --> | 61 <!-- invalid formulas --> |
44 <div style="width: calc(200px*);">end with operator</div> | 62 <div style="width: calc(200px*);">end with operator</div> |
45 <div style="width: calc(+ +200px);">start with operator</div> | 63 <div style="width: calc(+ +200px);">start with operator</div> |
46 <div style="width: calc();">no expressions</div> | 64 <div style="width: calc();">no expressions</div> |
47 <div style="width: calc(100px + + +100px);">too many pluses</div> | 65 <div style="width: calc(100px + + +100px);">too many pluses</div> |
48 <div style="width: calc(200px 200px);">no binary operator</div> | 66 <div style="width: calc(200px 200px);">no binary operator</div> |
49 <div style="width: calc(100px * * 2);">two binary operators</div> | 67 <div style="width: calc(100px * * 2);">two binary operators</div> |
(...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
168 test(function() { | 186 test(function() { |
169 var divs = document.getElementsByTagName("div"); | 187 var divs = document.getElementsByTagName("div"); |
170 for (var i = 0, element = divs[i]; i < divs.length; ++i) { | 188 for (var i = 0, element = divs[i]; i < divs.length; ++i) { |
171 assert_equals(getComputedStyle(element).getPropertyValue("width"), "100p
x"); | 189 assert_equals(getComputedStyle(element).getPropertyValue("width"), "100p
x"); |
172 assert_equals(getComputedStyle(element).getPropertyValue("transform"), "
matrix(1, 0, 0, 1, 0, 0)"); | 190 assert_equals(getComputedStyle(element).getPropertyValue("transform"), "
matrix(1, 0, 0, 1, 0, 0)"); |
173 assert_equals(getComputedStyle(element).getPropertyValue("animation-dela
y"), "100s"); | 191 assert_equals(getComputedStyle(element).getPropertyValue("animation-dela
y"), "100s"); |
174 } | 192 } |
175 }, "Tests invalid calc() expression handling."); | 193 }, "Tests invalid calc() expression handling."); |
176 | 194 |
177 </script> | 195 </script> |
OLD | NEW |