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="parent"></div> | 5 <div id="parent"></div> |
6 | 6 |
7 <script> | 7 <script> |
8 function assertComposited(properties, isComposited) { | 8 function assertComposited(properties, isComposited) { |
9 var element = document.createElement('div'); | 9 var element = document.createElement('div'); |
| 10 // The element must have some painted content in order to be |
| 11 // composited when animated in SPv2. |
| 12 element.innerText = 'x'; |
10 document.getElementById('parent').appendChild(element); | 13 document.getElementById('parent').appendChild(element); |
11 | 14 |
12 var properties = typeof properties == "string" ? [properties] : properties; | 15 var properties = typeof properties == "string" ? [properties] : properties; |
13 var keyframe = {}; | 16 var keyframe = {}; |
14 | 17 |
15 properties.forEach(function(property) { | 18 properties.forEach(function(property) { |
16 keyframe[property] = 'initial'; | 19 keyframe[property] = 'initial'; |
17 }); | 20 }); |
18 | 21 |
19 var animation = element.animate([keyframe, keyframe], { | 22 var animation = element.animate([keyframe, keyframe], { |
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
53 assertIsNotComposited(['transform', 'scale']); | 56 assertIsNotComposited(['transform', 'scale']); |
54 assertIsNotComposited(['transform', 'rotate']); | 57 assertIsNotComposited(['transform', 'rotate']); |
55 | 58 |
56 assertIsNotComposited(['translate', 'scale']); | 59 assertIsNotComposited(['translate', 'scale']); |
57 assertIsNotComposited(['translate', 'rotate']); | 60 assertIsNotComposited(['translate', 'rotate']); |
58 assertIsNotComposited(['rotate', 'scale']); | 61 assertIsNotComposited(['rotate', 'scale']); |
59 | 62 |
60 assertIsNotComposited(['translate', 'rotate', 'scale']); | 63 assertIsNotComposited(['translate', 'rotate', 'scale']); |
61 assertIsNotComposited(['transform', 'translate', 'rotate', 'scale']); | 64 assertIsNotComposited(['transform', 'translate', 'rotate', 'scale']); |
62 </script> | 65 </script> |
OLD | NEW |