| 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 |