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 | 4 |
5 <div id="testElement"></div> | 5 <div id="testElement"></div> |
6 | 6 |
7 <script> | 7 <script> |
8 | 8 |
9 test(function() { | 9 test(function() { |
10 var transform = new CSSTransformValue([new CSSRotation(20)]); | 10 var transform = new CSSTransformValue([new CSSRotation(20)]); |
11 | 11 |
12 assert_equals(testElement.styleMap.get('transform'), null); | 12 assert_equals(testElement.styleMap.get('transform'), null); |
13 | 13 |
14 testElement.styleMap.set('transform', transform); | 14 testElement.styleMap.set('transform', transform); |
15 assert_equals(testElement.style.transform, 'rotate(20deg)'); | 15 assert_equals(testElement.style.transform, 'rotate(20deg)'); |
16 }, "Setting transform works on a regular element."); | 16 }, "Setting transform works on a regular element."); |
17 | 17 |
18 test(function() { | 18 test(function() { |
19 var transform = new TransformValue([new CSSRotation(30)]); | 19 var transform = new CSSTransformValue([new CSSRotation(30)]); |
20 | 20 |
21 testElement.styleMap.set('transform', transform); | 21 testElement.styleMap.set('transform', transform); |
22 assert_equals(testElement.styleMap.get('transform').cssString, 'rotate(30deg)'
); | 22 assert_equals(testElement.styleMap.get('transform').cssText, 'rotate(30deg)'); |
23 }, "Getting transform works on a regular element."); | 23 }, "Getting transform works on a regular element."); |
24 | 24 |
25 | 25 |
26 </script> | 26 </script> |
OLD | NEW |