<!DOCTYPE html>
<html><head>
<title>Geometry Interfaces: DOMPoint and DOMPointReadOnly interface tests</title>
<link href="mailto:[email protected]" rel="author" title="Hwanseung Lee">
<link href="https://drafts.fxtf.org/geometry-1/#DOMPoint" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<p>Test DOMPoint and DOMPointReadOnly interfaces</p>
<div id="log"></div>
<script>
function getMatrixTransform(matrix, point) {
var x = point.x * matrix.m11 + point.y * matrix.m21 + point.z * matrix.m31 + point.w * matrix.m41;
var y = point.x * matrix.m12 + point.y * matrix.m22 + point.z * matrix.m32 + point.w * matrix.m42;
var w = point.x * matrix.m13 + point.y * matrix.m23 + point.z * matrix.m33 + point.w * matrix.m43;
var z = point.x * matrix.m14 + point.y * matrix.m24 + point.z * matrix.m34 + point.w * matrix.m44;
return new DOMPoint(x, y, w, z)
}
test(function() {
checkDOMPoint(new DOMPoint(), {x:0, y:0, z:0, w:1});
},'test DOMPoint Constructor no args');
test(function() {
checkDOMPoint(new DOMPoint(1), {x:1, y:0, z:0, w:1});
},'test DOMPoint Constructor one args');
test(function() {
checkDOMPoint(new DOMPoint(1, 2), {x:1, y:2, z:0, w:1});
},'test DOMPoint Constructor two args');
test(function() {
checkDOMPoint(new DOMPoint(1, 2, 3), {x:1, y:2, z:3, w:1});
},'test DOMPoint Constructor three args');
test(function() {
checkDOMPoint(new DOMPoint(1, 2, 3, 4), {x:1, y:2, z:3, w:4});
},'test DOMPoint Constructor four args');
test(function() {
checkDOMPoint(new DOMPoint(1, 2, 3, 4, 5), {x:1, y:2, z:3, w:4});
},'test DOMPoint Constructor more then four args');
test(function() {
checkDOMPoint(new DOMPoint(1, undefined), {x:1, y:0, z:0, w:1});
},'test DOMPoint Constructor with undefined');
test(function() {
checkDOMPoint(new DOMPoint("a", "b"), {x:NaN, y:NaN, z:0, w:1});
},'test DOMPoint Constructor with string');
test(function() {
checkDOMPoint(new DOMPoint({}), {x:NaN, y:0, z:0, w:1});
},'test DOMPoint Constructor with empty object');
test(function() {
checkDOMPoint(DOMPoint.fromPoint({}), {x:0, y:0, z:0, w:1});
},'test DOMPoint fromPoint with empty object');
test(function() {
checkDOMPoint(DOMPoint.fromPoint({x:1}), {x:1, y:0, z:0, w:1});
},'test DOMPoint fromPoint with x');
test(function() {
checkDOMPoint(DOMPoint.fromPoint({x:1, y:2}), {x:1, y:2, z:0, w:1});
},'test DOMPoint fromPoint with x, y');
test(function() {
checkDOMPoint(DOMPoint.fromPoint({x:1, y:2, z:3}), {x:1, y:2, z:3, w:1});
},'test DOMPoint fromPoint with x, y, z');
test(function() {
checkDOMPoint(DOMPoint.fromPoint({x:1, y:2, z:3, w:4}), {x:1, y:2, z:3, w:4});
},'test DOMPoint fromPoint with x, y, z, w');
test(function() {
checkDOMPoint(DOMPoint.fromPoint({x:1, y:2, z:3, w:4, v:5}), {x:1, y:2, z:3, w:4});
},'test DOMPoint fromPoint with x, y, z, w, v');
test(function() {
checkDOMPoint(DOMPoint.fromPoint({x:1, z:3}), {x:1, y:0, z:3, w:1});
},'test DOMPoint fromPoint with x, z');
test(function() {
checkDOMPoint(DOMPoint.fromPoint({x:1, y: undefined, z:3}), {x:1, y:0, z:3, w:1});
},'test DOMPoint fromPoint with undefined value');
test(function() {
var point = new DOMPoint(5, 4);
var matrix = new DOMMatrix([2, 0, 0, 2, 10, 10]);
var result = point.matrixTransform(matrix);
var expected = getMatrixTransform(matrix, point);
checkDOMPoint(result, expected);
},'test DOMPoint matrixTransform');
test(function() {
var point = new DOMPoint(42, 84);
assert_throws_js(TypeError, function() {
point.matrixTransform({ is2D: true, m33: 1.0000001 });
});
},'test DOMPoint matrixTransform with inconsistent input');
test(function() {
var p = new DOMPoint(0, 0, 0, 1);
p.x = undefined;
p.y = undefined;
p.z = undefined;
p.w = undefined;
checkDOMPoint(p, {x:NaN, y:NaN, z:NaN, w:NaN});
},'test DOMPoint Attributes undefined');
test(function() {
var p = new DOMPoint(0, 0, 0, 1);
p.x = NaN;
p.y = Number.POSITIVE_INFINITY;
p.z = Number.NEGATIVE_INFINITY;
p.w = Infinity;
checkDOMPoint(p, {x:NaN, y:Infinity, z:-Infinity, w:Infinity});
},'test DOMPoint Attributes NaN Infinity');
test(function() {
checkDOMPoint(new DOMPointReadOnly(), {x:0, y:0, z:0, w:1});
},'test DOMPointReadOnly Constructor no args');
test(function() {
checkDOMPoint(new DOMPointReadOnly(1), {x:1, y:0, z:0, w:1});
},'test DOMPointReadOnly Constructor one args');
test(function() {
checkDOMPoint(new DOMPointReadOnly(1, 2), {x:1, y:2, z:0, w:1});
},'test DOMPointReadOnly Constructor two args');
test(function() {
checkDOMPoint(new DOMPointReadOnly(1, 2, 3), {x:1, y:2, z:3, w:1});
},'test DOMPointReadOnly Constructor three args');
test(function() {
checkDOMPoint(new DOMPointReadOnly(1, 2, 3, 4), {x:1, y:2, z:3, w:4});
},'test DOMPointReadOnly Constructor four args');
test(function() {
checkDOMPoint(new DOMPointReadOnly(1, 2, 3, 4, 5), {x:1, y:2, z:3, w:4});
},'test DOMPointReadOnly Constructor more then four args');
test(function() {
checkDOMPoint(new DOMPointReadOnly(1, undefined), {x:1, y:0, z:0, w:1});
},'test DOMPointReadOnly Constructor with undefined');
test(function() {
checkDOMPoint(new DOMPointReadOnly("a", "b"), {x:NaN, y:NaN, z:0, w:1});
},'test DOMPointReadOnly Constructor with string');
test(function() {
checkDOMPoint(new DOMPointReadOnly({}), {x:NaN, y:0, z:0, w:1});
},'test DOMPointReadOnly Constructor with object');
test(function() {
checkDOMPoint(DOMPointReadOnly.fromPoint({}), {x:0, y:0, z:0, w:1});
},'test DOMPointReadOnly fromPoint with empty object');
test(function() {
checkDOMPoint(DOMPointReadOnly.fromPoint({x:1}), {x:1, y:0, z:0, w:1});
},'test DOMPointReadOnly fromPoint with x');
test(function() {
checkDOMPoint(DOMPointReadOnly.fromPoint({x:1, y:2}), {x:1, y:2, z:0, w:1});
},'test DOMPointReadOnly fromPoint with x, y');
test(function() {
checkDOMPoint(DOMPointReadOnly.fromPoint({x:1, y:2, z:3}), {x:1, y:2, z:3, w:1});
},'test DOMPointReadOnly fromPoint with x, y, z');
test(function() {
checkDOMPoint(DOMPointReadOnly.fromPoint({x:1, y:2, z:3, w:4}), {x:1, y:2, z:3, w:4});
},'test DOMPointReadOnly fromPoint with x, y, z, w');
test(function() {
checkDOMPoint(DOMPointReadOnly.fromPoint({x:1, y:2, z:3, w:4, v:5}), {x:1, y:2, z:3, w:4});
},'test DOMPointReadOnly fromPoint with x, y, z, w, v');
test(function() {
checkDOMPoint(DOMPointReadOnly.fromPoint({x:1, z:3}), {x:1, y:0, z:3, w:1});
},'test DOMPointReadOnly fromPoint with x, z');
test(function() {
checkDOMPoint(DOMPointReadOnly.fromPoint({x:1, y: undefined, z:3}), {x:1, y:0, z:3, w:1});
},'test DOMPointReadOnly fromPoint with undefined value');
test(function() {
var point = new DOMPointReadOnly(5, 4);
var matrix = new DOMMatrix([1, 2, 3, 4, 5, 6]);
var result = point.matrixTransform(matrix);
var expected = getMatrixTransform(matrix, point);
checkDOMPoint(result, expected);
},'test DOMPointReadOnly matrixTransform');
test(function() {
var p = new DOMPointReadOnly(0, 0, 0, 1);
p.x = undefined;
p.y = undefined;
p.z = undefined;
p.w = undefined;
checkDOMPoint(p, {x:0, y:0, z:0, w:1});
},'test DOMPointReadOnly Attributes undefined');
function checkDOMPoint(p, exp) {
assert_equals(p.x, exp.x, "x is not matched");
assert_equals(p.y, exp.y, "y is not matched");
assert_equals(p.z, exp.z, "z is not matched");
assert_equals(p.w, exp.w, "w is not matched");
}
</script>
</body></html>
Codebase Browser
chromium