| <!DOCTYPE HTML> |
| <title>SVGMatrix interface</title> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <script> |
| var svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg"); |
| |
| function assert_matrix_component_numeric(matrix, component) { |
| matrix[component] = matrix; |
| assert_equals(matrix[component], NaN); |
| matrix[component] = 0; |
| assert_equals(matrix[component], 0); |
| matrix[component] = svgElement; |
| assert_equals(matrix[component], NaN); |
| matrix[component] = 0; |
| assert_equals(matrix[component], 0); |
| matrix[component] = 'aString'; |
| assert_equals(matrix[component], NaN); |
| } |
| |
| test(function() { |
| // This test checks the SVGMatrix API. |
| var matrix = svgElement.createSVGMatrix(); |
| |
| // Check initial matrix values. |
| assert_equals(matrix.a, 1); |
| assert_equals(matrix.b, 0); |
| assert_equals(matrix.c, 0); |
| assert_equals(matrix.d, 1); |
| assert_equals(matrix.e, 0); |
| assert_equals(matrix.f, 0); |
| |
| // Check assigning matrices. |
| matrix.a = 2; |
| assert_equals(matrix.a, 2); |
| matrix.f = 200; |
| assert_equals(matrix.f, 200); |
| |
| // Check assigning invalid matrices. |
| assert_matrix_component_numeric(matrix, 'a'); |
| // Reset to previous value. |
| matrix.a = 2; |
| assert_equals(matrix.a, 2); |
| |
| assert_matrix_component_numeric(matrix, 'b'); |
| // Reset to previous value. |
| matrix.b = 0; |
| assert_equals(matrix.b, 0); |
| |
| assert_matrix_component_numeric(matrix, 'c'); |
| // Reset to previous value. |
| matrix.c = 0; |
| assert_equals(matrix.c, 0); |
| |
| assert_matrix_component_numeric(matrix, 'd'); |
| // Reset to previous value. |
| matrix.d = 1; |
| assert_equals(matrix.d, 1); |
| |
| assert_matrix_component_numeric(matrix, 'e'); |
| // Reset to previous value. |
| matrix.e = 0; |
| assert_equals(matrix.e, 0); |
| |
| assert_matrix_component_numeric(matrix, 'f'); |
| // Reset to previous value. |
| matrix.f = 200; |
| assert_equals(matrix.f, 200); |
| |
| // Check that the matrix is still containing the correct values. |
| assert_equals(matrix.a, 2); |
| assert_equals(matrix.b, 0); |
| assert_equals(matrix.c, 0); |
| assert_equals(matrix.d, 1); |
| assert_equals(matrix.e, 0); |
| assert_equals(matrix.f, 200); |
| |
| // Check assigning null works as expected. |
| matrix.f = null; |
| assert_equals(matrix.a, 2); |
| assert_equals(matrix.b, 0); |
| assert_equals(matrix.c, 0); |
| assert_equals(matrix.d, 1); |
| assert_equals(matrix.e, 0); |
| assert_equals(matrix.f, 0); |
| |
| // Check calling 'multiply' with invalid arguments. |
| assert_throws_js(TypeError, function() { matrix.multiply(); }); |
| assert_throws_js(TypeError, function() { matrix.multiply(true); }); |
| assert_throws_js(TypeError, function() { matrix.multiply(2); }); |
| assert_throws_js(TypeError, function() { matrix.multiply('aString'); }); |
| assert_throws_js(TypeError, function() { matrix.multiply(svgElement); }); |
| |
| // Check calling 'translate' with invalid arguments. |
| assert_throws_js(TypeError, function() { matrix.translate(); }); |
| assert_throws_js(TypeError, function() { matrix.translate(true); }); |
| assert_throws_js(TypeError, function() { matrix.translate(2); }); |
| assert_throws_js(TypeError, function() { matrix.translate('aString'); }); |
| assert_throws_js(TypeError, function() { matrix.translate(svgElement); }); |
| // The following string and object arguments convert to NaN |
| // per ECMA-262, 9.3, "ToNumber". |
| assert_not_equals(matrix.translate('aString', 'aString'), null); |
| assert_not_equals(matrix.translate(svgElement, svgElement), null); |
| assert_not_equals(matrix.translate(2, 'aString'), null); |
| assert_not_equals(matrix.translate(2, svgElement), null); |
| assert_not_equals(matrix.translate('aString', 2), null); |
| assert_not_equals(matrix.translate(svgElement, 2), null); |
| |
| // Check calling 'scale' with invalid arguments. |
| assert_throws_js(TypeError, function() { matrix.scale(); }); |
| assert_not_equals(matrix.scale('aString'), null); |
| assert_not_equals(matrix.scale(svgElement), null); |
| |
| |
| // Check calling 'scaleNonUniform' with invalid arguments. |
| assert_throws_js(TypeError, function() { matrix.scaleNonUniform(); }); |
| assert_throws_js(TypeError, function() { matrix.scaleNonUniform(true); }); |
| assert_throws_js(TypeError, function() { matrix.scaleNonUniform(2); }); |
| assert_throws_js(TypeError, function() { matrix.scaleNonUniform('aString'); }); |
| assert_throws_js(TypeError, function() { matrix.scaleNonUniform(svgElement); }); |
| assert_not_equals(matrix.scaleNonUniform('aString', 'aString'), null); |
| assert_not_equals(matrix.scaleNonUniform(svgElement, svgElement), null); |
| assert_not_equals(matrix.scaleNonUniform(2, 'aString'), null); |
| assert_not_equals(matrix.scaleNonUniform(2, svgElement), null); |
| assert_not_equals(matrix.scaleNonUniform('aString', 2), null); |
| assert_not_equals(matrix.scaleNonUniform(svgElement, 2), null); |
| |
| // Check calling 'rotate' with invalid arguments. |
| assert_throws_js(TypeError, function() { matrix.rotate(); }); |
| assert_not_equals(matrix.rotate('aString'), null); |
| assert_not_equals(matrix.rotate(svgElement), null); |
| |
| // Check calling 'rotateFromVector' with invalid arguments. |
| assert_throws_js(TypeError, function() { matrix.rotateFromVector(); }); |
| assert_throws_js(TypeError, function() { matrix.rotateFromVector(true); }); |
| assert_throws_js(TypeError, function() { matrix.rotateFromVector(2); }); |
| assert_throws_js(TypeError, function() { matrix.rotateFromVector('aString'); }); |
| assert_throws_js(TypeError, function() { matrix.rotateFromVector(svgElement); }); |
| assert_not_equals(matrix.rotateFromVector('aString', 'aString'), null); |
| assert_not_equals(matrix.rotateFromVector(svgElement, svgElement), null); |
| assert_not_equals(matrix.rotateFromVector(2, 'aString'), null); |
| assert_not_equals(matrix.rotateFromVector(2, svgElement), null); |
| assert_not_equals(matrix.rotateFromVector('aString', 2), null); |
| assert_not_equals(matrix.rotateFromVector(svgElement, 2), null); |
| |
| // Check calling 'skewX' with invalid arguments. |
| assert_throws_js(TypeError, function() { matrix.skewX(); }); |
| assert_not_equals(matrix.skewX('aString'), null); |
| assert_not_equals(matrix.skewX(svgElement), null); |
| |
| // Check calling 'skewY' with invalid arguments; |
| assert_throws_js(TypeError, function() { matrix.skewY(); }); |
| assert_not_equals(matrix.skewY('aString'), null); |
| assert_not_equals(matrix.skewY(svgElement), null); |
| }); |
| </script> |