mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
96 lines
No EOL
3.8 KiB
HTML
96 lines
No EOL
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
<title>CSS Regions: CSSOM pre-existing APIs with no region chain</title>
|
|
<link href="http://html.adobe.com/" rel="author" title="Adobe">
|
|
<link href="mailto:stearns@adobe.com" rel="author" title="Alan Stearns">
|
|
<link href="" rel="reviewer" title="">
|
|
<link href="http://www.w3.org/TR/css3-regions/#cssomview-and-regions" rel="help">
|
|
<meta content="CSSOM View attributes give 'no layout box' result for named flows with no region chain" name="assert">
|
|
<meta content="dom" name="flags">
|
|
<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> |