blob: bf7ebbfcc68e47381f2c6ffad85c8ced76b5fbde (
plain)
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
|
<html>
<head>
<script src="../../http/tests/inspector/inspector-test.js"></script>
<script src="../../http/tests/inspector/timeline-test.js"></script>
<style>
.relayout-boundary {
overflow: hidden;
width: 100px;
height: 100px;
}
</style>
<script>
function invalidateAndForceLayout(element)
{
element.style.marginTop = "10px";
var unused = element.offsetHeight;
}
function performActions()
{
invalidateAndForceLayout(document.getElementById("invalidate1"));
invalidateAndForceLayout(document.getElementById("invalidate2"));
}
function test()
{
InspectorTest.performActionsAndPrint("performActions()", "Layout");
}
</script>
</head>
<body onload="runTest()">
<p>
Tests the Timeline API instrumentation of a Layout event
</p>
<div class="relayout-boundary">
<div>text</div>
<div></div>
<div>
<div id="invalidate1"><div>text</div></div>
</div>
</div>
<div class="relayout-boundary">
<div></div>
<div>text</div>
<div id="invalidate2"><div>text</div></div>
<div></div>
<div></div>
<div>text</div>
</div>
</body>
</html>
|