Revision 190c3feba3a42cbc4c32facd7994c190589d889e authored by Liam R. E. Quin on 26 March 2018, 01:04:45 UTC, committed by Liam R. E. Quin on 26 March 2018, 01:04:45 UTC
1 parent 2b4cdad
cssomview-apis-no-region-chain-001.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>
![swh spinner](/static/img/swh-spinner.gif)
Computing file changes ...