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 <script> | 5 <script> |
6 | 6 |
7 test(function() { | 7 test(function() { |
8 var transformValueObject = new CSSTransformValue(); | 8 var transformValueObject = new CSSTransformValue(); |
9 assert_equals(transformValueObject.constructor.name, CSSTransformValue.name)
; | 9 assert_equals(transformValueObject.constructor.name, CSSTransformValue.name); |
10 }, "A CSSTransformValue object can be constructed"); | 10 }, "A CSSTransformValue object can be constructed"); |
11 | 11 |
12 test(function() { | 12 test(function() { |
13 var transformArray = [new CSSScale(2,2), | 13 var transformArray = [ |
14 new CSSMatrixComponent(new DOMMatrixReadOnly([1,1,1,1,1,1])), new CSSScale(5
,6)]; | 14 new CSSScale(2, 2), |
| 15 new CSSMatrixComponent(new DOMMatrixReadOnly([1, 1, 1, 1, 1, 1])), |
| 16 new CSSScale(5, 6) |
| 17 ]; |
15 var transformValue = new CSSTransformValue(transformArray); | 18 var transformValue = new CSSTransformValue(transformArray); |
16 assert_true(transformValue.is2D); | 19 assert_true(transformValue.is2D); |
17 }, "is2D returns true for transformValues containing only 2D transformComponents
"); | 20 }, "is2D returns true for transformValues containing only 2D transformComponents
"); |
18 | 21 |
19 test(function() { | 22 test(function() { |
20 var transformArray = [new CSSScale(2,2), | 23 var transformArray = [ |
21 new CSSMatrixComponent(new DOMMatrixReadOnly([1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,
1])), new CSSScale(5,6)]; | 24 new CSSScale(2, 2), |
| 25 new CSSMatrixComponent(new DOMMatrixReadOnly([1, 1, 1, 1, 1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1])), |
| 26 new CSSScale(5, 6) |
| 27 ]; |
22 var transformValue = new CSSTransformValue(transformArray); | 28 var transformValue = new CSSTransformValue(transformArray); |
23 assert_false(transformValue.is2D); | 29 assert_false(transformValue.is2D); |
24 }, "is2D returns false for transformValues containing both 2D and 3D transformCo
mponents"); | 30 }, "is2D returns false for transformValues containing both 2D and 3D transformCo
mponents"); |
25 | 31 |
26 test(function() { | 32 test(function() { |
27 var transformArray = [new CSSScale(2,2), | 33 var transformArray = [ |
28 new CSSMatrixComponent(new DOMMatrixReadOnly([1,1,1,1,1,1])), new CSSScale(5
,6)]; | 34 new CSSScale(2, 2), |
| 35 new CSSMatrixComponent(new DOMMatrixReadOnly([1, 1, 1, 1, 1, 1])), |
| 36 new CSSScale(5, 6) |
| 37 ]; |
29 var transformValue = new CSSTransformValue(transformArray); | 38 var transformValue = new CSSTransformValue(transformArray); |
30 | 39 |
31 var newTransformArray = []; | 40 var newTransformArray = [...transformValue]; |
32 for (var component of transformValue) { | |
33 newTransformArray.push(component); | |
34 } | |
35 assert_true(newTransformArray.length == 3); | 41 assert_true(newTransformArray.length == 3); |
36 assert_equals(newTransformArray[0].constructor.name, CSSScale.name); | 42 assert_equals(newTransformArray[0].constructor.name, CSSScale.name); |
37 assert_equals(newTransformArray[1].constructor.name, CSSMatrixComponent.name); | 43 assert_equals(newTransformArray[1].constructor.name, CSSMatrixComponent.name); |
38 assert_equals(newTransformArray[2].constructor.name, CSSScale.name); | 44 assert_equals(newTransformArray[2].constructor.name, CSSScale.name); |
39 }, "CSSTransformValue can iterate through all its all its transformComponent mem
bers"); | 45 }, "CSSTransformValue can iterate through all its all its transformComponent mem
bers"); |
40 | 46 |
41 </script> | 47 </script> |
42 | |
43 <body> | |
44 </body> | |
OLD | NEW |