mirror of
https://github.com/servo/servo.git
synced 2025-07-01 04:23:39 +01:00
96 lines
3.8 KiB
HTML
96 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>CSS Regions: CSSOM pre-existing APIs with no region chain</title>
|
|
<link rel="author" title="Adobe" href="http://html.adobe.com/">
|
|
<link rel="author" title="Alan Stearns" href="mailto:stearns@adobe.com">
|
|
<link rel="reviewer" title="" href="">
|
|
<link rel="help" href="http://www.w3.org/TR/css3-regions/#cssomview-and-regions">
|
|
<meta name="assert" content="CSSOM View attributes give 'no layout box' result for named flows with no region chain">
|
|
<meta name="flags" content="dom">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="log"></div>
|
|
<script type="text/javascript">
|
|
|
|
function testZeroAttribute(tag_name, attribute_name) {
|
|
var element = document.createElement(tag_name);
|
|
document.body.appendChild(element);
|
|
element.style.setProperty("position", "relative");
|
|
element.style.setProperty("left", "10px");
|
|
element.style.setProperty("top", "10px");
|
|
element.style.setProperty("width", "100px");
|
|
element.style.setProperty("height", "100px");
|
|
element.style.setProperty("flow-into", "named-flow");
|
|
var valueInNamedFlow = element[attribute_name];
|
|
document.body.removeChild(element);
|
|
return valueInNamedFlow;
|
|
}
|
|
|
|
var zeroAttributes = [
|
|
["div", "offsetTop"],
|
|
["div", "offsetLeft"],
|
|
["div", "offsetWidth"],
|
|
["div", "offsetHeight"],
|
|
["img", "offsetTop"],
|
|
["img", "offsetLeft"],
|
|
["img", "offsetWidth"],
|
|
["img", "offsetHeight"],
|
|
["img", "x"],
|
|
["img", "y"],
|
|
];
|
|
|
|
function testOffsetParent() {
|
|
var element = document.createElement("div");
|
|
document.body.appendChild(element);
|
|
element.style.setProperty("flow-into", "named-flow");
|
|
var offsetParentInNamedFlow = element.offsetParent;
|
|
document.body.removeChild(element);
|
|
return offsetParentInNamedFlow;
|
|
}
|
|
|
|
function testGetClientRects() {
|
|
var element = document.createElement("div");
|
|
document.body.appendChild(element);
|
|
element.style.setProperty("flow-into", "named-flow");
|
|
var clientRectList = element.getClientRects();
|
|
document.body.removeChild(element);
|
|
return clientRectList;
|
|
}
|
|
|
|
function testGetBoundingClientRect() {
|
|
var element = document.createElement("div");
|
|
document.body.appendChild(element);
|
|
element.style.setProperty("flow-into", "named-flow");
|
|
element.style.setProperty("width", "100px");
|
|
element.style.setProperty("height", "100px");
|
|
var domRect = element.getBoundingClientRect();
|
|
document.body.removeChild(element);
|
|
return [
|
|
domRect.x,
|
|
domRect.y,
|
|
domRect.width,
|
|
domRect.height
|
|
];
|
|
}
|
|
|
|
zeroAttributes.forEach(function(name) {
|
|
test (function() { assert_equals(testZeroAttribute(name[0], name[1]), 0)},
|
|
"test " + name[1] + " for " + name[0])
|
|
}
|
|
);
|
|
|
|
test (function() { assert_equals(testOffsetParent(), null)},
|
|
"test that offsetParent is null");
|
|
|
|
test (function() { assert_equals(testGetClientRects().length, 0)},
|
|
"test that getClientRects() returns an empty list");
|
|
|
|
test (function() { assert_equals(testGetBoundingClientRect(), [0,0,0,0])},
|
|
"test that getBoundingClientRect() returns a zeroed-out DOMRect");
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|