| <!DOCTYPE html> |
| <title>Geometry Interfaces: DOMMatrix and DOMMatrixReadOnly stringifier</title> |
| <link rel="help" href="https://drafts.fxtf.org/geometry/#DOMMatrix"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script> |
| ["DOMMatrix", "DOMMatrixReadOnly", "WebKitCSSMatrix"].forEach(constr => { |
| const prefix = `${constr} stringifier:`; |
| |
| // Basic |
| test(() => { |
| const matrix = new self[constr](); |
| assert_equals(String(matrix), "matrix(1, 0, 0, 1, 0, 0)"); |
| }, `${prefix} identity (2d)`); |
| |
| test(() => { |
| const matrix = self[constr].fromMatrix({is2D: false}); |
| assert_equals(String(matrix), "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)"); |
| }, `${prefix} identity (3d)`); |
| |
| // Non-finites |
| [NaN, Infinity, -Infinity].forEach(num => { |
| test(() => { |
| const matrix = new self[constr]([1, 0, 0, 1, 0, num]); |
| assert_throws("InvalidStateError", () => String(matrix)); |
| }, `${prefix} ${num} (2d)`); |
| |
| test(() => { |
| const matrix = new self[constr]([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, num, 0, 1]); |
| assert_throws("InvalidStateError", () => String(matrix)); |
| }, `${prefix} ${num} (3d)`); |
| }); |
| |
| // Precision |
| [ |
| ['1/3', '0.3333333333333333'], |
| ['1/300000', '0.0000033333333333333333'], |
| ['1/300000000', '3.3333333333333334e-9'], |
| ['100000 + (1/3)', '100000.33333333333'], |
| ['Math.pow(2, 53) + 1', '9007199254740992'], |
| ['Math.pow(2, 53) + 2', '9007199254740994'], |
| ['Number.MAX_VALUE', '1.7976931348623157e+308'], |
| ['Number.MIN_VALUE', '5e-324'], |
| ].forEach(([input, expected]) => { |
| const num = eval(input); |
| test(() => { |
| const matrix = new self[constr]([1, 0, 0, 1, 0, num]); |
| assert_equals(String(matrix), `matrix(1, 0, 0, 1, 0, ${expected})`); |
| }, `${prefix} ${input} (2d)`); |
| |
| test(() => { |
| const matrix = new self[constr]([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, num, 0, 1]); |
| assert_equals(String(matrix), `matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, ${expected}, 0, 1)`); |
| }, `${prefix} ${input} (3d)`); |
| }); |
| |
| // Should not invoke getters for m11 etc |
| function defineThrowingGetters(matrix) { |
| Object.defineProperty(matrix, 'a', { |
| get: () => assert_unreached('getter for a') |
| }); |
| Object.defineProperty(matrix, 'm11', { |
| get: () => assert_unreached('getter for m11') |
| }); |
| } |
| |
| test(() => { |
| const matrix = new self[constr](); |
| defineThrowingGetters(matrix); |
| assert_equals(String(matrix), "matrix(1, 0, 0, 1, 0, 0)"); |
| }, `${prefix} throwing getters (2d)`); |
| |
| test(() => { |
| const matrix = self[constr].fromMatrix({is2D: false}); |
| defineThrowingGetters(matrix); |
| assert_equals(String(matrix), "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)"); |
| }, `${prefix} throwing getters (3d)`); |
| }); |
| </script> |
