css-transform-style-evaluation-validation.html (3884B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Transforms Test: property</title> 6 <link rel="author" title="Intel" href="http://www.intel.com"> 7 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property"> 8 <meta name="flags" content="dom"> 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 </head> 12 <body> 13 <div id="test"></div> 14 <div id="log"></div> 15 <script> 16 test(function() { 17 document.getElementById("test").style.transform = "rotate(30deg),rotateX(60deg)" 18 assert_equals(document.getElementById("test").style.transform, "", "expect NULL"); 19 }, "transform: Check bad-format multi-expr input."); 20 21 test(function() { 22 document.getElementById("test").style.transform = "rotate(30deg)|rotateX(60deg)"; 23 assert_equals(document.getElementById("test").style.transform, "", "expect not NULL"); 24 }, "transform: Check multi-expr input with tab."); 25 26 test(function() { 27 document.getElementById("test").style.transform = " rotate(30deg) rotateX(60deg) "; 28 assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); 29 }, "transform: Check multi-expr input with spaces start and end."); 30 31 test(function() { 32 document.getElementById("test").style.transform = "rotate(30deg) rotateX(60deg)"; 33 assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); 34 }, "transform: Check multi-expr input with two spaces."); 35 36 test(function() { 37 document.getElementById("test").style.transform = "rotate(30deg) rotateX(60deg)"; 38 assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); 39 }, "transform: Check valied multi-expr input."); 40 41 test(function() { 42 document.getElementById("test").style.transform = "rotate(0)"; 43 assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); 44 }, "transform: Check rotate(0) input."); 45 46 test(function() { 47 document.getElementById("test").style.transform = "rotateX(0)"; 48 assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); 49 }, "transform: Check rotateX(0) input."); 50 51 test(function() { 52 document.getElementById("test").style.transform = "rotateY(0)"; 53 assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); 54 }, "transform: Check rotateY(0) input."); 55 56 test(function() { 57 document.getElementById("test").style.transform = "rotateZ(0)"; 58 assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); 59 }, "transform: Check rotateZ(0) input."); 60 61 test(function() { 62 document.getElementById("test").style.transform = "rotate(string)"; 63 assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); 64 }, "transform: Check rotate(string) input."); 65 66 test(function() { 67 document.getElementById("test").style.transform = "rotateX(string)"; 68 assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); 69 }, "transform: Check rotateX(string) input."); 70 71 test(function() { 72 document.getElementById("test").style.transform = "rotateY(string)"; 73 assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); 74 }, "transform: Check rotateY(string) input."); 75 76 test(function() { 77 document.getElementById("test").style.transform = "rotateZ(string)"; 78 assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); 79 }, "transform: Check rotateZ(string) input."); 80 </script> 81 </body> 82 </html>