| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Geometry Interfaces: DOMRect and DOMRectReadOnly interface tests</title> |
| <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com" /> |
| <link rel="help" href="http://www.w3.org/TR/geometry-1/#DOMRect"> |
| <link rel="help" href="http://www.w3.org/TR/geometry-1/#dom-domrect"> |
| <link rel="help" href="http://www.w3.org/TR/geometry-1/#dom-domrectreadonly"> |
| <link rel="help" href="http://www.w3.org/TR/geometry-1/#dom-domrect-domrect"> |
| <link rel="help" href="http://www.w3.org/TR/geometry-1/#dom-domrectreadonly-domrect-x"> |
| <link rel="help" href="http://www.w3.org/TR/geometry-1/#dom-domrectreadonly-domrect-y"> |
| <link rel="help" href="http://www.w3.org/TR/geometry-1/#dom-domrectreadonly-domrect-width"> |
| <link rel="help" href="http://www.w3.org/TR/geometry-1/#dom-domrectreadonly-domrect-height"> |
| <link rel="help" href="http://www.w3.org/TR/geometry-1/#dom-domrectreadonly-domrect-top"> |
| <link rel="help" href="http://www.w3.org/TR/geometry-1/#dom-domrectreadonly-domrect-left"> |
| <link rel="help" href="http://www.w3.org/TR/geometry-1/#dom-domrectreadonly-domrect-right"> |
| <link rel="help" href="http://www.w3.org/TR/geometry-1/#dom-domrectreadonly-domrect-bottom"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| </head> |
| <body> |
| <p>Test DOMRect and DOMRectReadOnly interfaces</p> |
| <div id="log"></div> |
| <script> |
| testConstructor(DOMRect); |
| testConstructor(DOMRectReadOnly); |
| test(function() { |
| var r = new DOMRect(); |
| r.top = 5; |
| assert_equals(r.top, 0, "Expected value for top is 0"); |
| r.right = 5; |
| assert_equals(r.right, 0, "Expected value for right is 0"); |
| r.bottom = 5; |
| assert_equals(r.bottom, 0, "Expected value for bottom is 0"); |
| r.left = 5; |
| assert_equals(r.left, 0, "Expected value for left is 0"); |
| },'testSetReadOnlyAttributes'); |
| test(function() { |
| var r = new DOMRect(); |
| r.x = 5; |
| assert_equals(r.x, 5, "Expected value for x is 5"); |
| assert_equals(r.left, 5, "Expected value for left is 5"); |
| assert_equals(r.right, 5, "Expected value for right is 5"); |
| r.y = 5; |
| assert_equals(r.y, 5, "Expected value for y is 5"); |
| assert_equals(r.top, 5, "Expected value for top is 5"); |
| assert_equals(r.bottom, 5, "Expected value for bottom is 5"); |
| r.width = 5; |
| assert_equals(r.width, 5, "Expected value for width is 5"); |
| assert_equals(r.left, 5, "Expected value for left is 5"); |
| assert_equals(r.right, 10, "Expected value for right is 10"); |
| r.height = 5; |
| assert_equals(r.height, 5, "Expected value for height is 5"); |
| assert_equals(r.top, 5, "Expected value for top is 5"); |
| assert_equals(r.bottom, 10, "Expected value for bottom is 10"); |
| },'testSetAttributes'); |
| test(function() { |
| var r = new DOMRectReadOnly(); |
| r.top = 5; |
| assert_equals(r.top, 0, "Expected value for top is 0"); |
| assert_equals(r.y, 0, "Expected value for y is 0"); |
| assert_equals(r.bottom, 0, "Expected value for bottom is 0"); |
| r.right = 5; |
| assert_equals(r.right, 0, "Expected value for right is 0"); |
| assert_equals(r.x, 0, "Expected value for x is 0"); |
| assert_equals(r.left, 0, "Expected value for left is 0"); |
| r.bottom = 5; |
| assert_equals(r.bottom, 0, "Expected value for bottom is 0"); |
| assert_equals(r.y, 0, "Expected value for y is 0"); |
| assert_equals(r.top, 0, "Expected value for top is 0"); |
| r.left = 5; |
| assert_equals(r.left, 0, "Expected value for left is 0"); |
| assert_equals(r.x, 0, "Expected value for x is 0"); |
| assert_equals(r.right, 0, "Expected value for right is 0"); |
| },'testReadOnlySetReadOnlyAttributes'); |
| test(function() { |
| var r = new DOMRectReadOnly(); |
| r.x = 0; |
| assert_equals(r.x, 0, "Expected value for x is 0"); |
| assert_equals(r.left, 0, "Expected value for left is 0"); |
| assert_equals(r.right, 0, "Expected value for right is 0"); |
| r.y = 0; |
| assert_equals(r.y, 0, "Expected value for y is 0"); |
| assert_equals(r.top, 0, "Expected value for top is 0"); |
| assert_equals(r.bottom, 0, "Expected value for bottom is 0"); |
| r.width = 0; |
| assert_equals(r.width, 0, "Expected value for width is 0"); |
| assert_equals(r.x, 0, "Expected value for x is 0"); |
| assert_equals(r.right, 0, "Expected value for right is 0"); |
| r.height = 0; |
| assert_equals(r.height, 0, "Expected value for height is 0"); |
| assert_equals(r.y, 0, "Expected value for y is 0"); |
| assert_equals(r.bottom, 0, "Expected value for bottom is 0"); |
| },'testReadOnlySetAttributes'); |
| |
| function testConstructor(constructor) { |
| var prefix = constructor === DOMRect ? 'testConstructor' : 'testReadOnlyConstructor'; |
| test(function() { |
| checkDOMRect(new constructor(), |
| { x: 0, y: 0, width: 0, height: 0, top: 0, right: 0, bottom: 0, left: 0 }); |
| }, prefix + '0'); |
| test(function() { |
| checkDOMRect(new constructor(1), |
| { x: 1, y: 0, width: 0, height: 0, top: 0, right: 1, bottom: 0, left: 1 }); |
| }, prefix + '1'); |
| test(function() { |
| checkDOMRect(new constructor(1, 2), |
| { x: 1, y: 2, width: 0, height: 0, top: 2, right: 1, bottom: 2, left: 1 }); |
| }, prefix + '2'); |
| test(function() { |
| checkDOMRect(new constructor(1, 2, 3), |
| { x: 1, y: 2, width: 3, height: 0, top: 2, right: 4, bottom: 2, left: 1 }); |
| }, prefix + '3'); |
| test(function() { |
| checkDOMRect(new constructor(1, 2, 3, 4), |
| { x: 1, y: 2, width: 3, height: 4, top: 2, right: 4, bottom: 6, left: 1 }); |
| }, prefix + '4'); |
| test(function() { |
| checkDOMRect(new constructor(1, 2, 3, 4, 5), |
| { x: 1, y: 2, width: 3, height: 4, top: 2, right: 4, bottom: 6, left: 1 }); |
| }, prefix + '5'); |
| test(function() { |
| checkDOMRect(new constructor(2, 2, -4, 4), |
| { x: 2, y: 2, width: -4, height: 4, top: 2, right: 2, bottom: 6, left: -2 }); |
| }, prefix + 'NegativeWidth'); |
| test(function() { |
| checkDOMRect(new constructor(2, 2, 4, -4), |
| { x: 2, y: 2, width: 4, height: -4, top: -2, right: 6, bottom: 2, left: 2 }); |
| }, prefix + 'NegativeHeight'); |
| test(function() { |
| checkDOMRect(new constructor(2, 2, -4, -4), |
| { x: 2, y: 2, width: -4, height: -4, top: -2, right: 2, bottom: 2, left: -2 }); |
| }, prefix + 'NegativeWidthHeight'); |
| test(function() { |
| checkDOMRect(new constructor(0, 0, undefined, 4), |
| { x: 0, y: 0, width: 0, height: 4, top: 0, right: 0, bottom: 4, left: 0 }); |
| }, prefix + 'Undefined1'); |
| test(function() { |
| checkDOMRect(new constructor(NaN, Number.NEGATIVE_INFINITY, Number.POSITIVE_INFINITY, null), |
| { x: NaN, y: -Infinity, width: Infinity, height: 0, top: -Infinity, right: NaN, bottom: -Infinity, left: NaN }); |
| }, prefix + 'Undefined2'); |
| test(function() { |
| checkDOMRect(new constructor("1", "2", "3", "4"), |
| { x: 1, y: 2, width: 3, height: 4, top: 2, right: 4, bottom: 6, left: 1 }); |
| }, prefix + 'String1'); |
| test(function() { |
| checkDOMRect(new constructor("a", "b", "c", "d"), |
| { x: NaN, y: NaN, width: NaN, height: NaN, top: NaN, right: NaN, bottom: NaN, left: NaN }); |
| }, prefix + 'String2'); |
| } |
| |
| function checkDOMRect(r, exp) { |
| assert_equals(r.x, exp.x, "Expected value for x is " + exp.x); |
| assert_equals(r.y, exp.y, "Expected value for y is " + exp.y); |
| assert_equals(r.width, exp.width, "Expected value for width is " + exp.width); |
| assert_equals(r.height, exp.height, "Expected value for height is " + exp.height); |
| assert_equals(r.top, exp.top, "Expected value for top is " + exp.top); |
| assert_equals(r.left, exp.left, "Expected value for left is " + exp.left); |
| assert_equals(r.bottom, exp.bottom, "Expected value for bottom is " + exp.bottom); |
| assert_equals(r.right, exp.right, "Expected value for right is " + exp.right); |
| } |
| </script> |
| </body> |
| </html> |