| Tests parsing of various valid and invalid calc expressions. |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| |
| testDiv.style["width"] = "calc(100px)" |
| PASS testDiv.style['width'] is "calc(100px)" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "100px" |
| |
| testDiv.style["width"] = "max(100px + 200px)" |
| PASS testDiv.style['width'] is "max(300px)" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "300px" |
| |
| testDiv.style["width"] = "max(100px , 200px)" |
| PASS testDiv.style['width'] is "max(200px)" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "200px" |
| |
| testDiv.style["width"] = "max(100px,200px)" |
| PASS testDiv.style['width'] is "max(200px)" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "200px" |
| |
| testDiv.style["width"] = "clamp(100px,123px,200px)" |
| PASS testDiv.style['width'] is "clamp(100px, 123px, 200px)" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "123px" |
| |
| testDiv.style["width"] = "clamp(100px,300px,200px)" |
| PASS testDiv.style['width'] is "clamp(100px, 300px, 200px)" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "200px" |
| |
| testDiv.style["width"] = "clamp(200px,300px,100px)" |
| PASS testDiv.style['width'] is "clamp(200px, 300px, 100px)" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "200px" |
| |
| testDiv.style["width"] = "clamp((50px + 50px),40px,200px)" |
| PASS testDiv.style['width'] is "clamp(100px, 40px, 200px)" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "100px" |
| |
| testDiv.style["width"] = "clamp(50px + 50px,40px,200px)" |
| PASS testDiv.style['width'] is "clamp(100px, 40px, 200px)" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "100px" |
| |
| testDiv.style["width"] = "calc(100px, 200px)" |
| PASS testDiv.style['width'] is "999px" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "999px" |
| |
| testDiv.style["width"] = "calc(100px 200px)" |
| PASS testDiv.style['width'] is "999px" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "999px" |
| |
| testDiv.style["width"] = "calc(100px ( 200px)" |
| PASS testDiv.style['width'] is "999px" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "999px" |
| |
| testDiv.style["width"] = "min(100px 200px)" |
| PASS testDiv.style['width'] is "999px" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "999px" |
| |
| testDiv.style["width"] = "max(100px 200px)" |
| PASS testDiv.style['width'] is "999px" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "999px" |
| |
| testDiv.style["width"] = "max(100px,, 200px)" |
| PASS testDiv.style['width'] is "999px" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "999px" |
| |
| testDiv.style["width"] = "max(100px, , 200px)" |
| PASS testDiv.style['width'] is "999px" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "999px" |
| |
| testDiv.style["width"] = "max(100px, 200px,)" |
| PASS testDiv.style['width'] is "999px" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "999px" |
| |
| testDiv.style["width"] = "clamp(200px,300px)" |
| PASS testDiv.style['width'] is "999px" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "999px" |
| |
| testDiv.style["width"] = "clamp(200px,300px,)" |
| PASS testDiv.style['width'] is "999px" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "999px" |
| |
| testDiv.style["width"] = "clamp(200px,,300px)" |
| PASS testDiv.style['width'] is "999px" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "999px" |
| |
| testDiv.style["width"] = "clamp((),,300px)" |
| PASS testDiv.style['width'] is "999px" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "999px" |
| |
| testDiv.style["width"] = "clamp(1px,2px,2px,4px)" |
| PASS testDiv.style['width'] is "999px" |
| PASS window.getComputedStyle(testDiv).getPropertyValue('width') is "999px" |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
