Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/geometry/DOMMatrix-stringifier.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>Geometry Interfaces: DOMMatrix and DOMMatrixReadOnly stringifier</title>
<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_dom("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_dom("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>