mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
31 lines
1.3 KiB
HTML
31 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
<title>CSSOM View - 6.1 - getBoundingClientRect tests</title>
|
|
<meta charset="utf-8">
|
|
<link href="mailto:pwx.frontend@gmail.com" rel="author" title="Chris Wu">
|
|
<link href="http://www.w3.org/TR/cssom-view/#dom-element-getboundingclientrect" rel="help">
|
|
<meta content="dom" name="flags">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<style type="text/css">
|
|
#testItem{width:279px;height: 188px;margin:100px 0 0 178px;background-color: purple;font-size: 26px;font-weight:bold;text-align: center;line-height: 188px;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="testItem">test item</div>
|
|
<div id="log"></div>
|
|
<script>
|
|
var titem = document.getElementById('testItem').getBoundingClientRect();
|
|
test(
|
|
function(){
|
|
assert_equals(titem.bottom - titem.top,titem.height,"They donot match")
|
|
},"check getBoundingClientRect().top,getBoundingClientRect.bottom()"
|
|
);
|
|
test(
|
|
function(){
|
|
assert_equals(titem.right - titem.left,titem.width,"They donot match")
|
|
},"check getBoundingClientRect().left,getBoundingClientRect.right()"
|
|
)
|
|
</script>
|
|
|
|
</body></html> |