1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
|
<!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>
|
