<!DOCTYPE html> <html> <head> <title>Geometry Interfaces: DOMQuad interface tests</title> <link rel="author" title="Hwanseung Lee" href="mailto:hs1217.lee@samsung.com" /> <link rel="help" href="https://drafts.fxtf.org/geometry-1/#DOMQuad"> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> </head> <body> <p>Test DOMQuad interface</p> <div id="log"></div> <script> function init() { var initial = { p1: { x: 0, y: 0, z: 0, w: 1 }, p2: { x: 0, y: 0, z: 0, w: 1 }, p3: { x: 0, y: 0, z: 0, w: 1 }, p4: { x: 0, y: 0, z: 0, w: 1 } }; return initial; } test(function() { checkDOMQuad(new DOMQuad(), init()); },'test Constructor no args'); test(function() { checkDOMQuad(new DOMQuad(new DOMPoint()), init()); },'test Constructor with one init DOMPoint arg'); test(function() { checkDOMQuad(new DOMQuad(new DOMPoint(), new DOMPoint()), init()); },'test Constructor with two init DOMPoint args'); test(function() { checkDOMQuad(new DOMQuad(new DOMPoint(), new DOMPoint(), new DOMPoint()), init()); },'test Constructor with three init DOMPoint args'); test(function() { checkDOMQuad(new DOMQuad(new DOMPoint(), new DOMPoint(), new DOMPoint(), new DOMPoint()), init()); },'test Constructor with four init DOMPoint args'); test(function() { var exp = init(); exp.p1 = { x: 1, y: 2, z: 3, w: 4 }; checkDOMQuad(new DOMQuad(new DOMPoint(1, 2, 3, 4)), exp); },'test Constructor with one DOMPoint arg'); test(function() { var exp = init(); exp.p1 = { x: 1, y: 2, z: 3, w: 4 }; exp.p2 = { x: 5, y: 6, z: 7, w: 8 }; checkDOMQuad(new DOMQuad(new DOMPoint(1, 2, 3, 4), new DOMPoint(5, 6, 7, 8)), exp); },'test Constructor with two DOMPoint args'); test(function() { var exp = init(); exp.p1 = { x: 1, y: 2, z: 3, w: 4 }; exp.p2 = { x: 5, y: 6, z: 7, w: 8 }; exp.p3 = { x: 9, y: 10, z: 11, w: 12 }; checkDOMQuad(new DOMQuad(new DOMPoint(1, 2, 3, 4), new DOMPoint(5, 6, 7, 8), new DOMPoint(9, 10, 11, 12)), exp); },'test Constructor with three DOMPoint args'); test(function() { var exp = init(); exp.p1 = { x: 1, y: 2, z: 3, w: 4 }; exp.p2 = { x: 5, y: 6, z: 7, w: 8 }; exp.p3 = { x: 9, y: 10, z: 11, w: 12 }; exp.p4 = { x: 13, y: 14, z: 15, w: 16 }; checkDOMQuad(new DOMQuad(new DOMPoint(1, 2, 3, 4), new DOMPoint(5, 6, 7, 8), new DOMPoint(9, 10, 11, 12), new DOMPoint(13, 14, 15, 16)), exp); },'test Constructor with four DOMPoint args'); test(function() { assert_throws_js(TypeError, function() { new DOMQuad(1, 2, 3, 4); }); },'test Constructor with invaild integer args'); test(function() { assert_throws_js(TypeError, function() { new DOMQuad("1", "2", "3", "4"); }); },'test Constructor with invaild string args'); test(function() { assert_throws_js(TypeError, function() { new DOMQuad({}, {}, {}, NaN); }); },'test Constructor with NaN'); test(function() { var domQuad = DOMQuad.fromRect(new DOMRect(10, 20, 100, 200)); var expQuad = init(); expQuad.p1 = { x: 10, y: 20, z: 0, w: 1 }; expQuad.p2 = { x: 110, y: 20, z: 0, w: 1 }; expQuad.p3 = { x: 110, y: 220, z: 0, w: 1 }; expQuad.p4 = { x: 10, y: 220, z: 0, w: 1 }; checkDOMQuad(domQuad, expQuad); },'test fromRect'); test(function() { var domQuad = DOMQuad.fromRect(new DOMRect(-Infinity, -Infinity, Infinity, Infinity)); var expQuad = init(); expQuad.p1 = { x: -Infinity, y: -Infinity, z: 0, w: 1 }; expQuad.p2 = { x: NaN, y: -Infinity, z: 0, w: 1 }; expQuad.p3 = { x: NaN, y: NaN, z: 0, w: 1 }; expQuad.p4 = { x: -Infinity, y: NaN, z: 0, w: 1 }; checkDOMQuad(domQuad, expQuad); },'test fromRect with Infinity'); test(function() { var domQuad = DOMQuad.fromQuad( new DOMQuad( new DOMPoint(1, 2, 3, 4), new DOMPoint(5, 6, 7, 8), new DOMPoint(9, 10, 11, 12), new DOMPoint(13, 14, 15, 16))); var exp = init(); exp.p1 = { x: 1, y: 2, z: 3, w: 4 }; exp.p2 = { x: 5, y: 6, z: 7, w: 8 }; exp.p3 = { x: 9, y: 10, z: 11, w: 12 }; exp.p4 = { x: 13, y: 14, z: 15, w: 16 }; checkDOMQuad(domQuad, exp); },'test fromQuad'); test(function() { var domQuad = new DOMQuad(); domQuad.p1 = new DOMPoint(1, 2, 3, 4); domQuad.p2 = new DOMPoint(1, 2, 3, 4); domQuad.p3 = new DOMPoint(1, 2, 3, 4); domQuad.p4 = new DOMPoint(1, 2, 3, 4); checkDOMQuad(domQuad, init()); },'test p1, p2, p3, p4 are readonly'); test(function() { var domQuad = DOMQuad.fromQuad( new DOMQuad( new DOMPoint(10, 20, 0, 1), new DOMPoint(110, 20, 0, 1), new DOMPoint(110, 220, 0, 1), new DOMPoint(10, 220, 10, 1))); var expBound = new DOMRect(10, 20, 100, 200); checkDOMRect(domQuad.getBounds(), expBound); },'test getBounds'); function checkDOMQuad(actual, exp) { assert_equals(actual.p1.x, exp.p1.x, "p1.x is not matched"); assert_equals(actual.p1.y, exp.p1.y, "p1.y is not matched"); assert_equals(actual.p1.z, exp.p1.z, "p1.z is not matched"); assert_equals(actual.p1.w, exp.p1.w, "p1.w is not matched"); assert_equals(actual.p2.x, exp.p2.x, "p2.x is not matched"); assert_equals(actual.p2.y, exp.p2.y, "p2.y is not matched"); assert_equals(actual.p2.z, exp.p2.z, "p2.z is not matched"); assert_equals(actual.p2.w, exp.p2.w, "p2.w is not matched"); assert_equals(actual.p3.x, exp.p3.x, "p3.x is not matched"); assert_equals(actual.p3.y, exp.p3.y, "p3.y is not matched"); assert_equals(actual.p3.z, exp.p3.z, "p3.z is not matched"); assert_equals(actual.p3.w, exp.p3.w, "p3.w is not matched"); assert_equals(actual.p4.x, exp.p4.x, "p4.x is not matched"); assert_equals(actual.p4.y, exp.p4.y, "p4.y is not matched"); assert_equals(actual.p4.z, exp.p4.z, "p4.z is not matched"); assert_equals(actual.p4.w, exp.p4.w, "p4.w is not matched"); } function checkDOMRect(actual, exp) { assert_equals(actual.x, exp.x, "x is not matched"); assert_equals(actual.y, exp.y, "y is not matched"); assert_equals(actual.width, exp.width, "width is not matched"); assert_equals(actual.height, exp.height, "height is not matched"); assert_equals(actual.top, exp.top, "top is not matched"); assert_equals(actual.left, exp.left, "left is not matched"); assert_equals(actual.bottom, exp.bottom, "bottom is not matched"); assert_equals(actual.right, exp.right, "right is not matched"); } </script> </body> </html>