cssom-getBoundingClientRect-002.html (1438B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Test (CSSOM View): getBoundingClientRect of element outside DOM</title> 6 <link rel="author" title="Chris Rebert" href="http://chrisrebert.com"> 7 <link rel="help" href="http://www.w3.org/TR/cssom-view/#dom-element-getclientrects"> 8 <link rel="help" href="http://www.w3.org/TR/cssom-view/#dom-element-getboundingclientrect"> 9 <meta name="flags" content="dom"> 10 <meta name="assert" content="Calling getBoundingClientRect on an element that is outside of the DOM (and therefore does not have an associated layout box) should result in an all-zeroes DOMRect and should definitely not throw an error."> 11 <script src="/resources/testharness.js"></script> 12 <script src="/resources/testharnessreport.js"></script> 13 <script> 14 test( 15 function () { 16 var rect = document.createElement('div').getBoundingClientRect(); 17 assert_equals(rect.x, 0, "DOMRect's x should be zero"); 18 assert_equals(rect.y, 0, "DOMRect's y should be zero"); 19 assert_equals(rect.width, 0, "DOMRect's width should be zero"); 20 assert_equals(rect.height, 0, "DOMRect's height should be zero"); 21 }, 22 "getBoundingClientRect on a newly-created Element not yet inserted into the DOM should return an all-zeroes DOMRect" 23 ); 24 </script> 25 </head> 26 <body></body> 27 </html>