Commit 934becac authored by karlo's avatar karlo Committed by Commit bot

Support subpixel layout of borders.

This cl implements subpixel layout of borders.  Painting of subpixel
borders now uses rounding to nearest CSS pixel, and is aligned with
Edge.  Handling of device pixel ratios > 1 isn't implemented here,
and is better covered in a separate task.

This does not implement subpixel borders for tables, as that interacts
with table layout width calculations, which would also need to be
adapted to subpixels.  Again, that's better dealt with in a separate
task.

A number of test cases had to be rebaselined, due to minor changes in
layout and/or painting.  Most of these changes appear in tests that uses
zooming, and implicitly have fractional borders.

svg/zoom/page/zoom-replaced-intrinsic-ratio-001.htm now looks a bit
broken, but that's due to an unrelated issue with aspect ratio and
subpixels (in LayoutPart, if I recall correctly).

BUG=227192
CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:linux_layout_tests_slimming_paint_v2

Review-Url: https://codereview.chromium.org/2640143005
Cr-Commit-Position: refs/heads/master@{#449943}
parent d6df8288
......@@ -40,10 +40,10 @@ assertInterpolation({
}, [
{at: -0.3, is: '0px'},
{at: 0, is: '3px'},
{at: 0.3, is: '8px'},
{at: 0.6, is: '13px'},
{at: 0.3, is: '8.1px'},
{at: 0.6, is: '13.2px'},
{at: 1, is: '20px'},
{at: 1.5, is: '28px'},
{at: 1.5, is: '28.5px'},
]);
assertInterpolation({
......@@ -66,10 +66,10 @@ assertInterpolation({
}, [
{at: -0.3, is: '0px'},
{at: 0, is: '3px'},
{at: 0.3, is: '8px'},
{at: 0.6, is: '13px'},
{at: 0.3, is: '8.1px'},
{at: 0.6, is: '13.2px'},
{at: 1, is: '20px'},
{at: 1.5, is: '28px'},
{at: 1.5, is: '28.5px'},
]);
assertInterpolation({
......
......@@ -7,8 +7,8 @@
border-style: solid;
border-width: 1.9px;
border-color: green;
width: 100px;
height: 100px;
width: 98px;
height: 98px;
}
</style>
</head>
......
......@@ -54,7 +54,7 @@ test(function() {
float_pixel.style.borderStyle = "solid";
test(function() {
assert_equals(getComputedStyle(float_pixel).borderWidth, '10px');
assert_equals(getComputedStyle(float_pixel).borderWidth, '10.5px');
}, 'border-width property, border-style = solid, floating point pixel value');
test(function() {
......
......@@ -3,10 +3,10 @@
<style type="text/css">
.norepeat {
background: url(../../images/resources/exif-orientation-7-rl.jpg);
border: 5px solid black;
margin: 6px;
background-size: 138px 70px;
width: 138px;
border: 5.6px solid black;
margin: 5.6px;
background-size: 138.6px 70px;
width: 138.6px;
height: 70px;
}
</style>
......
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test rendering of sub-pixel borders</title>
<style>
.test {
box-sizing: content-box;
display: inline-block;
margin: 5px;
width: 80px;
height: 80px;
border: 1px solid green;
background: lightgreen;
text-align: center;
line-height: 80px;
}
</style>
</head>
<body>
<div class="test" style="border-width: 1px">0.25px</div>
<div class="test" style="border-width: 1px">0.5px</div>
<div class="test" style="border-width: 1px">0.75px</div>
<div class="test" style="border-width: 1px">1px</div>
<div class="test" style="border-width: 1px; width: 80.5px; height: 80.5px">1.25px</div>
<br>
<div class="test" style="border-width: 2px; width: 79px; height: 79px">1.5px</div>
<div class="test" style="border-width: 2px; width: 79.5px; height: 79.5px">1.75px</div>
<div class="test" id="reference-2" style="border-width: 2px">2px</div>
<div class="test" style="border-width: 2px; width: 80.5px; height: 80.5px">2.25px</div>
<br>
<div class="test" style="border-width: 3px; width: 79px; height: 79px">2.5px</div>
<div class="test" style="border-width: 3px; width: 79.5px; height: 79.5px">2.75px</div>
<div class="test" id="reference-3" style="border-width: 3px">3px</div>
<div class="test" style="border-width: 3px; width: 80.5px; height: 80.5px">3.25px</div>
<p>
Border thickness should be rounded, not floored, with the exception of
values below 1px where it should always round up.
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test rendering of sub-pixel borders</title>
<style>
.test {
box-sizing: content-box;
display: inline-block;
margin: 5px;
width: 80px;
height: 80px;
border: 1px solid green;
background: lightgreen;
text-align: center;
line-height: 80px;
}
</style>
</head>
<body>
<div class="test" style="border-width: 0.25px">0.25px</div>
<div class="test" style="border-width: 0.5px">0.5px</div>
<div class="test" style="border-width: 0.75px">0.75px</div>
<div class="test" style="border-width: 1px">1px</div>
<div class="test" style="border-width: 1.25px">1.25px</div>
<br>
<div class="test" style="border-width: 1.5px">1.5px</div>
<div class="test" style="border-width: 1.75px">1.75px</div>
<div class="test" id="reference-2" style="border-width: 2px">2px</div>
<div class="test" style="border-width: 2.25px">2.25px</div>
<br>
<div class="test" style="border-width: 2.5px">2.5px</div>
<div class="test" style="border-width: 2.75px">2.75px</div>
<div class="test" id="reference-3" style="border-width: 3px">3px</div>
<div class="test" style="border-width: 3.25px">3.25px</div>
<p>
Border thickness should be rounded, not floored, with the exception of
values below 1px where it should always round up.
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test rendering of sub-pixel borders</title>
<style>
.test {
box-sizing: content-box;
display: inline-block;
margin: 5px;
width: 80px;
height: 80px;
border: 1px solid green;
background: lightgreen;
text-align: center;
line-height: 80px;
}
</style>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
</head>
<body>
<div class="test" style="border-width: 0.25px">0.25px</div>
<div class="test" style="border-width: 0.5px">0.5px</div>
<div class="test" style="border-width: 0.75px">0.75px</div>
<div class="test" style="border-width: 1px">1px</div>
<div class="test" style="border-width: 1.25px">1.25px</div>
<div class="test" style="border-width: 1.5px">1.5px</div>
<p>
Border thickness should be rounded, not floored, with the exception of
values below 1px where it should always round up.
</p>
<script>
var testElements = {};
var elements = document.getElementsByClassName('test');
for (var element, i = 0; element = elements[i]; i++) {
testElements[element.firstChild.nodeValue] = element;
}
function sizeAsString(element) {
var rect = element.getBoundingClientRect();
return rect.width.toFixed(2) + 'x' + rect.height.toFixed(2);
}
function borderAsString(element) {
var style = window.getComputedStyle(element);
return style.borderTopWidth + ' ' + style.borderRightWidth + ' ' +
style.borderBottomWidth + ' ' + style.borderLeftWidth;
}
test(function() {
var referenceSize = sizeAsString(testElements['1px']);
assert_equals(sizeAsString(testElements['0.25px']), referenceSize,
'Size of 0.25px box should match 1px reference.');
assert_equals(sizeAsString(testElements['0.5px']), referenceSize,
'Size of 0.5px box should match 1px reference.');
assert_equals(sizeAsString(testElements['0.75px']), referenceSize,
'Size of 0.75px box should match 1px reference.');
var refSize = testElements['1px'].getBoundingClientRect();
var testSize = testElements['1.25px'].getBoundingClientRect();
assert_greater_than(testSize.width, refSize.width,
'Size of 1.25px box should be larger than 1px box.');
assert_greater_than(testSize.height, refSize.height,
'Size of 1.25px box should be larger than 1px box.');
}, 'Size of all elements are correct.');
test(function() {
assert_equals(borderAsString(testElements['0.25px']),
'1px 1px 1px 1px',
'Border thickness of 0.25px box should be 1px.');
assert_equals(borderAsString(testElements['0.5px']),
'1px 1px 1px 1px',
'Border thickness of 0.5px box should be 1px.');
assert_equals(borderAsString(testElements['0.75px']),
'1px 1px 1px 1px',
'Border thickness of 0.75px box should be 1px.');
assert_equals(borderAsString(testElements['1.25px']),
'1.25px 1.25px 1.25px 1.25px',
'Border thickness of 1.25px box should retain decimals.');
assert_equals(borderAsString(testElements['1.5px']),
'1.5px 1.5px 1.5px 1.5px',
'Border thickness of 1.5px box should retain decimals.');
}, 'All elements should have correctly sized borders.');
</script>
</body>
</html>
......@@ -23,7 +23,7 @@
#two {
line-height: 1;
border-width: 2.333px 0;
border-width: 2.5px 0;
border-color: #f60;
border-style: solid;
}
......
......@@ -6,9 +6,9 @@ layer at (0,0) size 800x515
LayoutBlockFlow {UL} at (185.59,0) size 412.80x192
LayoutListItem (floating) {LI} at (0,48) size 283.19x71.19
LayoutBlockFlow {A} at (123.19,0) size 160x138.55 [color=#CCCCCC]
LayoutBlockFlow {B} at (0,0) size 160x70 [border: none (40px solid #00000000) (69px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70) size 160x70 [border: (69px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.13) size 144x19 [color=#000000]
LayoutBlockFlow {B} at (0,0) size 160x70.27 [border: none (40px solid #00000000) (69.27px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70.27) size 160x70.27 [border: (69.27px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.66) size 144x19 [color=#000000]
LayoutInline {ABBR} at (0,0) size 35x18
LayoutText {#text} at (19,0) size 35x18
text run at (19,0) width 35: "CSS"
......@@ -16,31 +16,31 @@ layer at (0,0) size 800x515
text run at (53,0) width 72: " examples"
LayoutListItem (floating) {LI} at (0,119.19) size 246.39x71.19
LayoutBlockFlow {A} at (0,0) size 160x138.55 [color=#CCCCCC]
LayoutBlockFlow {B} at (0,0) size 160x70 [border: none (40px solid #00000000) (69px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70) size 160x70 [border: (69px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.13) size 144x19 [color=#000000]
LayoutBlockFlow {B} at (0,0) size 160x70.27 [border: none (40px solid #00000000) (69.27px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70.27) size 160x70.27 [border: (69.27px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.66) size 144x19 [color=#000000]
LayoutText {#text} at (42,0) size 60x18
text run at (42,0) width 60: "Favelets"
LayoutListItem (floating) {LI} at (246.39,119.19) size 160x71.19
LayoutBlockFlow {A} at (0,0) size 160x138.55 [color=#CCCCCC]
LayoutBlockFlow {B} at (0,0) size 160x70 [border: none (40px solid #00000000) (69px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70) size 160x70 [border: (69px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.13) size 144x19 [color=#000000]
LayoutBlockFlow {B} at (0,0) size 160x70.27 [border: none (40px solid #00000000) (69.27px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70.27) size 160x70.27 [border: (69.27px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.66) size 144x19 [color=#000000]
LayoutInline {ABBR} at (0,0) size 24x18
LayoutText {#text} at (60,0) size 24x18
text run at (60,0) width 24: "CV"
LayoutListItem (floating) {LI} at (0,190.38) size 283.19x71.19
LayoutBlockFlow {A} at (123.19,0) size 160x138.55 [color=#CCCCCC]
LayoutBlockFlow {B} at (0,0) size 160x70 [border: none (40px solid #00000000) (69px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70) size 160x70 [border: (69px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.13) size 144x19 [color=#000000]
LayoutBlockFlow {B} at (0,0) size 160x70.27 [border: none (40px solid #00000000) (69.27px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70.27) size 160x70.27 [border: (69.27px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.66) size 144x19 [color=#000000]
LayoutText {#text} at (61,0) size 22x18
text run at (61,0) width 22: "log"
LayoutListItem (floating) {LI} at (0,261.56) size 246.39x71.19
LayoutBlockFlow {A} at (0,0) size 160x138.55 [color=#CCCCCC]
LayoutBlockFlow {B} at (0,0) size 160x70 [border: none (40px solid #00000000) (69px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70) size 160x70 [border: (69px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.13) size 144x19 [color=#000000]
LayoutBlockFlow {B} at (0,0) size 160x70.27 [border: none (40px solid #00000000) (69.27px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70.27) size 160x70.27 [border: (69.27px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.66) size 144x19 [color=#000000]
LayoutText {#text} at (2,0) size 50x18
text run at (2,0) width 50: "simple "
LayoutInline {ABBR} at (0,0) size 53x18
......@@ -50,16 +50,16 @@ layer at (0,0) size 800x515
text run at (105,0) width 37: " tests"
LayoutListItem (floating) {LI} at (246.39,261.56) size 160x71.19
LayoutBlockFlow {A} at (0,0) size 160x138.55 [color=#CCCCCC]
LayoutBlockFlow {B} at (0,0) size 160x70 [border: none (40px solid #00000000) (69px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70) size 160x70 [border: (69px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.13) size 144x19 [color=#000000]
LayoutBlockFlow {B} at (0,0) size 160x70.27 [border: none (40px solid #00000000) (69.27px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70.27) size 160x70.27 [border: (69.27px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.66) size 144x19 [color=#000000]
LayoutText {#text} at (38,0) size 68x18
text run at (38,0) width 68: "entrances"
LayoutListItem (floating) {LI} at (0,332.75) size 283.19x71.19
LayoutBlockFlow {A} at (123.19,0) size 160x138.55 [color=#CCCCCC]
LayoutBlockFlow {B} at (0,0) size 160x70 [border: none (40px solid #00000000) (69px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70) size 160x70 [border: (69px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.13) size 144x19 [color=#000000]
LayoutBlockFlow {B} at (0,0) size 160x70.27 [border: none (40px solid #00000000) (69.27px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70.27) size 160x70.27 [border: (69.27px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.66) size 144x19 [color=#000000]
LayoutText {#text} at (60,0) size 24x18
text run at (60,0) width 24: "exit"
LayoutBlockFlow {P} at (0,403.94) size 784x87
......
......@@ -39,11 +39,11 @@ layer at (0,0) size 785x627 backgroundClip at (0,0) size 785x600 clip at (0,0) s
LayoutText {#text} at (246,430) size 4x19
text run at (246,430) width 4: " "
LayoutBR {BR} at (0,0) size 0x0
LayoutText {#text} at (63,591) size 4x19
text run at (63,591) width 4: " "
LayoutText {#text} at (147,591) size 4x19
text run at (147,591) width 4: " "
LayoutBR {BR} at (151,591) size 0x19
LayoutText {#text} at (64,591) size 4x19
text run at (64,591) width 4: " "
LayoutText {#text} at (148,591) size 4x19
text run at (148,591) width 4: " "
LayoutBR {BR} at (152,591) size 0x19
layer at (12,12) size 38x70 clip at (13,13) size 21x68
LayoutListBox {SELECT} at (4,4) size 38x70 [bgcolor=#FFFFFF] [border: (1px solid #A9A9A9)]
LayoutBlockFlow {OPTION} at (1,1) size 21x17
......@@ -169,13 +169,13 @@ layer at (194,332) size 56x121 clip at (195,333) size 39x119
LayoutBlockFlow {OPTION} at (1,21.19) size 39x29.80
LayoutText {#text} at (2,0) size 35x27
text run at (2,0) width 35: "bar"
layer at (14,508) size 51x104 backgroundClip at (14,508) size 51x92 clip at (15,509) size 34x91
LayoutListBox {SELECT} at (6,500) size 51x104 [bgcolor=#FFFFFF] [border: (1px solid #A9A9A9)]
LayoutBlockFlow {OPTION} at (1,1) size 34x25.50
layer at (14,507) size 52x105 backgroundClip at (14,507) size 52x93 clip at (16,509) size 34x91
LayoutListBox {SELECT} at (6,499) size 52x105 [bgcolor=#FFFFFF] [border: (1.50px solid #A9A9A9)]
LayoutBlockFlow {OPTION} at (1.50,1.50) size 34x25.50
LayoutText {#text} at (3,0) size 28x23
text run at (3,0) width 28: "foo"
layer at (83,466) size 64x144 backgroundClip at (83,466) size 64x134 clip at (85,468) size 45x132
LayoutListBox {SELECT} at (75,458) size 64x144 [bgcolor=#FFFFFF] [border: (2px solid #A9A9A9)]
layer at (84,466) size 64x144 backgroundClip at (84,466) size 64x134 clip at (86,468) size 45x132
LayoutListBox {SELECT} at (76,458) size 64x144 [bgcolor=#FFFFFF] [border: (2px solid #A9A9A9)]
LayoutBlockFlow {OPTION} at (2,2) size 45x35
LayoutText {#text} at (4,0) size 37x32
text run at (4,0) width 37: "foo"
......@@ -94,25 +94,25 @@ layer at (0,0) size 800x525
LayoutText {#text} at (317,186) size 4x19
text run at (317,186) width 4: " "
LayoutBR {BR} at (321,186) size 0x19
LayoutMenuList {SELECT} at (6,230) size 60x27 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)]
LayoutBlockFlow (anonymous) at (1,1) size 58x26
LayoutMenuList {SELECT} at (6,230) size 61x28 [bgcolor=#DDDDDD] [border: (1.50px solid #A9A9A9)]
LayoutBlockFlow (anonymous) at (1.50,1.50) size 58x26
LayoutText (anonymous) at (6,1) size 28x23
text run at (6,1) width 28: "foo"
LayoutText {#text} at (72,236) size 4x19
text run at (72,236) width 4: " "
LayoutMenuList {SELECT} at (84,221) size 81x40 [bgcolor=#DDDDDD] [border: (2px solid #A9A9A9)]
LayoutText {#text} at (73,236) size 4x19
text run at (73,236) width 4: " "
LayoutMenuList {SELECT} at (85,221) size 81x40 [bgcolor=#DDDDDD] [border: (2px solid #A9A9A9)]
LayoutBlockFlow (anonymous) at (2,2) size 77x37
LayoutText (anonymous) at (8,2) size 37x32
text run at (8,2) width 37: "foo"
LayoutText {#text} at (173,236) size 4x19
text run at (173,236) width 4: " "
LayoutMenuList {SELECT} at (179,241) size 33x14 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)]
LayoutText {#text} at (174,236) size 4x19
text run at (174,236) width 4: " "
LayoutMenuList {SELECT} at (180,241) size 33x14 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)]
LayoutBlockFlow (anonymous) at (1,1) size 31x12
LayoutText (anonymous) at (2,0) size 14x12
text run at (2,0) width 14: "foo"
LayoutText {#text} at (214,236) size 4x19
text run at (214,236) width 4: " "
LayoutBR {BR} at (218,236) size 0x19
LayoutText {#text} at (215,236) size 4x19
text run at (215,236) width 4: " "
LayoutBR {BR} at (219,236) size 0x19
LayoutText {#text} at (208,283) size 4x19
text run at (208,283) width 4: " "
LayoutBR {BR} at (212,283) size 0x19
......
......@@ -24,11 +24,11 @@ layer at (0,0) size 800x453
LayoutText {#text} at (309,324) size 4x19
text run at (309,324) width 4: " "
LayoutBR {BR} at (313,324) size 0x19
LayoutText {#text} at (275,417) size 4x19
text run at (275,417) width 4: " "
LayoutText {#text} at (642,417) size 4x19
text run at (642,417) width 4: " "
LayoutBR {BR} at (646,417) size 0x19
LayoutText {#text} at (276,417) size 4x19
text run at (276,417) width 4: " "
LayoutText {#text} at (643,417) size 4x19
text run at (643,417) width 4: " "
LayoutBR {BR} at (647,417) size 0x19
layer at (12,12) size 181x38 clip at (13,13) size 179x36
LayoutTextControl {TEXTAREA} at (4,4) size 181x38 [bgcolor=#FFFFFF] [border: (1px solid #A9A9A9)]
LayoutBlockFlow {DIV} at (3,3) size 175x16
......@@ -69,13 +69,13 @@ layer at (12,283) size 301x60 clip at (13,284) size 299x58
LayoutBlockFlow {DIV} at (3,3) size 295x27
LayoutText {#text} at (0,0) size 42x27
text run at (0,0) width 42: "foo"
layer at (14,382) size 263x52 clip at (15,383) size 261x50
LayoutTextControl {TEXTAREA} at (6,374) size 263x52 [bgcolor=#FFFFFF] [border: (1px solid #A9A9A9)]
LayoutBlockFlow {DIV} at (4,4) size 255x22
layer at (14,381) size 264x53 clip at (16,383) size 261x50
LayoutTextControl {TEXTAREA} at (6,373) size 264x53 [bgcolor=#FFFFFF] [border: (1.50px solid #A9A9A9)]
LayoutBlockFlow {DIV} at (4.50,4.50) size 255x22
LayoutText {#text} at (0,0) size 36x22
text run at (0,0) width 36: "foo"
layer at (295,360) size 347x72 clip at (297,362) size 343x68
LayoutTextControl {TEXTAREA} at (287,352) size 347x72 [bgcolor=#FFFFFF] [border: (2px solid #A9A9A9)]
layer at (296,360) size 347x72 clip at (298,362) size 343x68
LayoutTextControl {TEXTAREA} at (288,352) size 347x72 [bgcolor=#FFFFFF] [border: (2px solid #A9A9A9)]
LayoutBlockFlow {DIV} at (6,6) size 335x30
LayoutText {#text} at (0,0) size 48x30
text run at (0,0) width 48: "foo"
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x340
LayoutBlockFlow {HTML} at (0,0) size 800x340
LayoutBlockFlow {BODY} at (8,16) size 784x314
layer at (0,0) size 800x341
LayoutBlockFlow {HTML} at (0,0) size 800x340.75
LayoutBlockFlow {BODY} at (8,16) size 784x314.75
LayoutBlockFlow {P} at (0,0) size 784x20
LayoutText {#text} at (0,0) size 249x19
text run at (0,0) width 249: "Test passes if the two boxes are identical."
LayoutBlockFlow {DIV} at (10,36) size 134x134 [border: (19px solid #000000)]
LayoutBlockFlow {DIV} at (10,180) size 134x134 [border: (19px solid #000000)]
LayoutBlockFlow {DIV} at (10,36) size 134.38x134.38 [border: (19.19px solid #000000)]
LayoutBlockFlow {DIV} at (10,180.38) size 134.38x134.38 [border: (19.19px solid #000000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x310
LayoutBlockFlow {HTML} at (0,0) size 800x310
LayoutBlockFlow {BODY} at (8,16) size 784x286
LayoutBlockFlow {HTML} at (0,0) size 800x310.38
LayoutBlockFlow {BODY} at (8,16) size 784x286.38
LayoutBlockFlow {P} at (0,0) size 784x40
LayoutText {#text} at (0,0) size 771x39
text run at (0,0) width 771: "Test passes if there is a rounded border with purple dots on the top, green on the right side, blue on the bottom side, and grey on"
text run at (0,20) width 72: "the left side."
LayoutBlockFlow {DIV} at (0,56) size 230x230 [border: (19px dotted #800080) (19px dotted #008000) (19px dotted #0000FF) (19px dotted #808080)]
LayoutBlockFlow {DIV} at (0,56) size 230.38x230.38 [border: (19.19px dotted #800080) (19.19px dotted #008000) (19.19px dotted #0000FF) (19.19px dotted #808080)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x290
LayoutBlockFlow {HTML} at (0,0) size 800x290
LayoutBlockFlow {BODY} at (8,16) size 784x266
LayoutBlockFlow {HTML} at (0,0) size 800x290.38
LayoutBlockFlow {BODY} at (8,16) size 784x266.38
LayoutBlockFlow {P} at (0,0) size 784x20
LayoutText {#text} at (0,0) size 460x19
text run at (0,0) width 460: "Test passes if there is a box below with dashed border and rounded corners."
LayoutBlockFlow {DIV} at (0,36) size 230x230 [border: (19px dashed #000000)]
LayoutBlockFlow {DIV} at (0,36) size 230.38x230.38 [border: (19.19px dashed #000000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x290
LayoutBlockFlow {HTML} at (0,0) size 800x290
LayoutBlockFlow {BODY} at (8,16) size 784x266
LayoutBlockFlow {HTML} at (0,0) size 800x290.38
LayoutBlockFlow {BODY} at (8,16) size 784x266.38
LayoutBlockFlow {P} at (0,0) size 784x20
LayoutText {#text} at (0,0) size 445x19
text run at (0,0) width 445: "Test passes if there is a box below with solid border and rounded corners."
LayoutBlockFlow {DIV} at (0,36) size 230x230 [border: (19px solid #000000)]
LayoutBlockFlow {DIV} at (0,36) size 230.38x230.38 [border: (19.19px solid #000000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x290
LayoutBlockFlow {HTML} at (0,0) size 800x289.61
LayoutBlockFlow {BODY} at (8,16) size 784x265.61
LayoutBlockFlow {HTML} at (0,0) size 800x290.36
LayoutBlockFlow {BODY} at (8,16) size 784x266.36
LayoutBlockFlow {P} at (0,0) size 784x20
LayoutText {#text} at (0,0) size 491x19
text run at (0,0) width 491: "Test passes if the box has rounded corners and there is no red visible on the page."
LayoutBlockFlow {DIV} at (0,36) size 230x230 [border: (19px solid #FF0000)]
LayoutBlockFlow {DIV} at (0,35.61) size 230x230 [border: (19px solid #008000)]
LayoutBlockFlow {DIV} at (0,36) size 230.38x230.38 [border: (19.19px solid #FF0000)]
LayoutBlockFlow {DIV} at (0,35.98) size 230.38x230.38 [border: (19.19px solid #008000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x290
LayoutBlockFlow {HTML} at (0,0) size 800x289.61
LayoutBlockFlow {BODY} at (8,16) size 784x265.61
LayoutBlockFlow {HTML} at (0,0) size 800x290.36
LayoutBlockFlow {BODY} at (8,16) size 784x266.36
LayoutBlockFlow {P} at (0,0) size 784x20
LayoutText {#text} at (0,0) size 491x19
text run at (0,0) width 491: "Test passes if the box has rounded corners and there is no red visible on the page."
LayoutBlockFlow {DIV} at (0,36) size 230x230 [border: (19px solid #FF0000)]
LayoutBlockFlow {DIV} at (0,35.61) size 230x230 [border: (19px solid #008000)]
LayoutBlockFlow {DIV} at (0,36) size 230.38x230.38 [border: (19.19px solid #FF0000)]
LayoutBlockFlow {DIV} at (0,35.98) size 230.38x230.38 [border: (19.19px solid #008000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x364
LayoutBlockFlow {HTML} at (0,0) size 800x364
LayoutBlockFlow {BODY} at (8,16) size 784x340
layer at (0,0) size 800x365
LayoutBlockFlow {HTML} at (0,0) size 800x365
LayoutBlockFlow {BODY} at (8,16) size 784x341
LayoutBlockFlow {P} at (0,0) size 784x20
LayoutText {#text} at (0,0) size 250x19
text run at (0,0) width 250: "Test passes if the four boxes are identical."
LayoutTable {TABLE} at (0,36) size 318x304
LayoutTableSection {TBODY} at (0,0) size 318x304
LayoutTableRow {TR} at (0,2) size 318x300
LayoutTableCell {TD} at (2,2) size 156x300 [r=0 c=0 rs=1 cs=1]
LayoutBlockFlow {DIV} at (11,11) size 134x134 [border: (19px solid #000000)]
LayoutBlockFlow {DIV} at (11,155) size 134x134 [border: (19px solid #000000)]
LayoutTableCell {TD} at (160,2) size 156x300 [r=0 c=1 rs=1 cs=1]
LayoutBlockFlow {DIV} at (11,11) size 134x134 [border: (19px solid #000000)]
LayoutBlockFlow {DIV} at (11,155) size 134x134 [border: (19px solid #000000)]
LayoutTable {TABLE} at (0,36) size 320x305
LayoutTableSection {TBODY} at (0,0) size 320x305
LayoutTableRow {TR} at (0,2) size 320x301
LayoutTableCell {TD} at (2,2) size 157x300.75 [r=0 c=0 rs=1 cs=1]
LayoutBlockFlow {DIV} at (11,11) size 134.38x134.38 [border: (19.19px solid #000000)]
LayoutBlockFlow {DIV} at (11,155.38) size 134.38x134.38 [border: (19.19px solid #000000)]
LayoutTableCell {TD} at (161,2) size 157x300.75 [r=0 c=1 rs=1 cs=1]
LayoutBlockFlow {DIV} at (11,11) size 134.38x134.38 [border: (19.19px solid #000000)]
LayoutBlockFlow {DIV} at (11,155.38) size 134.38x134.38 [border: (19.19px solid #000000)]
layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 850
layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 852
LayoutView at (0,0) size 800x600
layer at (0,0) size 785x850 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutBlockFlow {HTML} at (0,0) size 785x850
LayoutBlockFlow {BODY} at (8,8) size 769x834
layer at (0,0) size 785x852 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutBlockFlow {HTML} at (0,0) size 785x852
LayoutBlockFlow {BODY} at (8,8) size 769x836
LayoutBlockFlow {P} at (0,0) size 769x20
LayoutText {#text} at (0,0) size 268x19
text run at (0,0) width 268: "150% zoom, with width and height attributes"
LayoutBlockFlow (anonymous) at (0,36) size 769x373
LayoutText {#text} at (0,353) size 4x19
text run at (0,353) width 4: " "
LayoutBR {BR} at (492,368) size 0x0
LayoutBlockFlow {P} at (0,425) size 769x20
LayoutBlockFlow (anonymous) at (0,36) size 769x374
LayoutText {#text} at (0,354) size 4x19
text run at (0,354) width 4: " "
LayoutBR {BR} at (493,369) size 0x0
LayoutBlockFlow {P} at (0,426) size 769x20
LayoutText {#text} at (0,0) size 287x19
text run at (0,0) width 287: "150% zoom, without width and height attributes"
LayoutBlockFlow (anonymous) at (0,461) size 769x373
LayoutText {#text} at (0,353) size 4x19
text run at (0,353) width 4: " "
LayoutBR {BR} at (492,368) size 0x0
layer at (12,44) size 488x368
LayoutVideo {VIDEO} at (4,0) size 488x368 [border: (4px solid #FF0000)]
layer at (12,469) size 488x368 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutVideo {VIDEO} at (4,0) size 488x368 [border: (4px solid #FF0000)]
layer at (16,48) size 480x360
LayoutFlexibleBox (relative positioned) {DIV} at (4,4) size 480x360
LayoutBlockFlow (anonymous) at (0,462) size 769x374
LayoutText {#text} at (0,354) size 4x19
text run at (0,354) width 4: " "
LayoutBR {BR} at (493,369) size 0x0
layer at (12,44) size 489x369
LayoutVideo {VIDEO} at (4,0) size 489x369 [border: (4.50px solid #FF0000)]
layer at (12,470) size 489x369 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutVideo {VIDEO} at (4,0) size 489x369 [border: (4.50px solid #FF0000)]
layer at (17,49) size 480x360
LayoutFlexibleBox (relative positioned) {DIV} at (4.50,4.50) size 480x360
LayoutBlockFlow {DIV} at (0,312) size 480x48
layer at (16,48) size 480x297
layer at (17,49) size 480x297
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 480x297
layer at (16,473) size 480x360 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutFlexibleBox (relative positioned) {DIV} at (4,4) size 480x360
layer at (17,475) size 480x360 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutFlexibleBox (relative positioned) {DIV} at (4.50,4.50) size 480x360
LayoutBlockFlow {DIV} at (0,312) size 480x48
layer at (16,473) size 480x297 backgroundClip at (16,473) size 480x127 clip at (16,473) size 480x127
layer at (17,475) size 480x297 backgroundClip at (17,475) size 480x125 clip at (17,475) size 480x125
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 480x297
......@@ -9,37 +9,37 @@
"paintInvalidations": [
{
"object": "LayoutIFrame (positioned) IFRAME",
"rect": [2, 64, 235, 236],
"rect": [2, 65, 236, 235],
"reason": "invalidate paint rectangle"
},
{
"object": "LayoutBlockFlow BODY",
"rect": [2, 65, 235, 235],
"rect": [3, 65, 235, 235],
"reason": "subtree"
},
{
"object": "LayoutView #document",
"rect": [2, 65, 235, 235],
"rect": [3, 65, 235, 235],
"reason": "subtree"
},
{
"object": "LayoutView #document",
"rect": [2, 300, 235, 15],
"rect": [3, 300, 235, 15],
"reason": "scroll"
},
{
"object": "LayoutBlockFlow HTML",
"rect": [2, 65, 225, 235],
"rect": [3, 65, 225, 235],
"reason": "subtree"
},
{
"object": "LayoutText #text",
"rect": [2, 65, 52, 17],
"rect": [3, 65, 52, 17],
"reason": "subtree"
},
{
"object": "LayoutView #document",
"rect": [237, 65, 15, 235],
"rect": [238, 65, 15, 235],
"reason": "scroll"
}
]
......
......@@ -80,9 +80,9 @@ layer at (173,351) size 454x135
text run at (11,98) width 431: "to use the (yet to be) time-honored techniques in new and"
text run at (11,112) width 314: "invigorating fashion. Become one with the web."
LayoutText {#text} at (0,0) size 0x0
layer at (321,235) size 306x80
LayoutBlockFlow (positioned) {H3} at (148.19,-115.88) size 305.34x80 [color=#CCCC77] [bgcolor=#888811] [border: (3px solid #888811) none (3px solid #888811)]
LayoutInline {SPAN} at (0,0) size 277x83
LayoutText {#text} at (45,-2) size 277x83
text run at (45,-2) width 231: "The Road to"
text run at (3,35) width 277: "Enlightenment"
layer at (321,234) size 307x81
LayoutBlockFlow (positioned) {H3} at (147.42,-117.41) size 306.11x81.53 [color=#CCCC77] [bgcolor=#888811] [border: (3.77px solid #888811) none (3.77px solid #888811)]
LayoutInline {SPAN} at (0,0) size 278x83
LayoutText {#text} at (45,-1) size 278x83
text run at (45,-1) width 231: "The Road to"
text run at (3,36) width 278: "Enlightenment"
layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 773
layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 775
LayoutView at (0,0) size 800x600
layer at (0,0) size 785x773 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutBlockFlow {html} at (0,0) size 785x772.84
LayoutBlockFlow {body} at (11.52,11.52) size 761.97x738.30
layer at (0,0) size 785x775 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutBlockFlow {html} at (0,0) size 785x775.28
LayoutBlockFlow {body} at (11.52,11.52) size 761.97x740.73
LayoutBlockFlow (anonymous) at (0,0) size 761.97x54
LayoutText {#text} at (0,0) size 756x53
text run at (0,0) width 357: "The two blocks should look identical. "
......@@ -11,17 +11,17 @@ layer at (0,0) size 785x773 backgroundClip at (0,0) size 785x600 clip at (0,0) s
LayoutBlockFlow {p} at (0,77.03) size 761.97x27
LayoutText {#text} at (0,0) size 524x26
text run at (0,0) width 524: "There should be a red, white and blue pattern below this"
LayoutSVGRoot (floating) {svg} at (14.39,141.45) size 200.78x200.78
LayoutSVGRoot (floating) {svg} at (14.39,141.45) size 201.56x201.56
LayoutSVGRect {rect} at (0,0) size 100x100 [fill={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=100.00] [height=100.00]
LayoutBlockFlow {p} at (0,356.63) size 761.97x27
LayoutBlockFlow {p} at (0,357.41) size 761.97x27
LayoutText {#text} at (0,0) size 523x26
text run at (0,0) width 523: "There should be a red, white and blue pattern above this"
LayoutBlockFlow {hr} at (0,406.66) size 761.97x2 [border: (1px inset #EEEEEE)]
LayoutBlockFlow {p} at (0,431.69) size 761.97x27
LayoutBlockFlow {hr} at (0,407.44) size 761.97x2.88 [border: (1.44px inset #EEEEEE)]
LayoutBlockFlow {p} at (0,433.34) size 761.97x27
LayoutText {#text} at (0,0) size 524x26
text run at (0,0) width 524: "There should be a red, white and blue pattern below this"
LayoutBlockFlow (floating) {div} at (14.39,496.11) size 200.80x200.80 [border: (14px solid #FF0000)]
LayoutBlockFlow {div} at (28.39,28.39) size 144x144 [bgcolor=#0000FF]
LayoutBlockFlow {p} at (0,711.30) size 761.97x27
LayoutBlockFlow (floating) {div} at (14.39,497.77) size 201.58x201.58 [border: (14.39px solid #FF0000)]
LayoutBlockFlow {div} at (28.78,28.78) size 144x144 [bgcolor=#0000FF]
LayoutBlockFlow {p} at (0,713.73) size 761.97x27
LayoutText {#text} at (0,0) size 523x26
text run at (0,0) width 523: "There should be a red, white and blue pattern above this"
layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 941
layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 945
LayoutView at (0,0) size 800x600
layer at (0,0) size 785x941 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutBlockFlow {HTML} at (0,0) size 785x941.38
LayoutBlockFlow {BODY} at (8,8) size 769x917.38 [bgcolor=#FFFFFF]
layer at (0,0) size 785x945 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutBlockFlow {HTML} at (0,0) size 785x945.03
LayoutBlockFlow {BODY} at (8,8) size 769x921.03 [bgcolor=#FFFFFF]
LayoutBlockFlow {H1} at (0,0) size 769x37
LayoutText {#text} at (0,0) size 358x36
text run at (0,0) width 358: "Tests de conformit\x{E9} CSS 2"
......@@ -64,41 +64,41 @@ layer at (0,0) size 785x941 backgroundClip at (0,0) size 785x600 clip at (0,0) s
text run at (0,160) width 312: " border-style : double ;"
text run at (312,160) width 0: " "
text run at (0,176) width 352: " border-collapse : collapse }"
LayoutTable {TABLE} at (96.50,457.38) size 576x136 [border: (13px double #FFFF00)]
LayoutTableSection {TBODY} at (13,13) size 550x110
LayoutTableRow {TR} at (0,2) size 550x34
LayoutTableCell {TD} at (2,2) size 180x34 [border: (6px double #000000)] [r=0 c=0 rs=1 cs=1]
LayoutText {#text} at (7,7) size 8x19
text run at (7,7) width 8: "1"
LayoutTableCell {TD} at (184,2) size 181x34 [border: (6px solid #FF0000)] [r=0 c=1 rs=1 cs=1]
LayoutText {#text} at (7,7) size 8x19
text run at (7,7) width 8: "2"
LayoutTableCell {TD} at (367,2) size 181x34 [border: (6px groove #00FF00)] [r=0 c=2 rs=1 cs=1]
LayoutText {#text} at (7,7) size 8x19
text run at (7,7) width 8: "3"
LayoutTableRow {TR} at (0,38) size 550x34
LayoutTableCell {TD} at (2,38) size 180x34 [border: (6px inset #0000FF)] [r=1 c=0 rs=1 cs=1]
LayoutText {#text} at (7,7) size 8x19
text run at (7,7) width 8: "4"
LayoutTableCell {TD} at (184,38) size 181x34 [border: (6px double #000000)] [r=1 c=1 rs=1 cs=1]
LayoutText {#text} at (7,7) size 8x19
text run at (7,7) width 8: "5"
LayoutTableCell {TD} at (367,38) size 181x34 [border: (6px solid #FF0000)] [r=1 c=2 rs=1 cs=1]
LayoutText {#text} at (7,7) size 8x19
text run at (7,7) width 8: "6"
LayoutTableRow {TR} at (0,74) size 550x34
LayoutTableCell {TD} at (2,74) size 180x34 [border: (6px groove #00FF00)] [r=2 c=0 rs=1 cs=1]
LayoutText {#text} at (7,7) size 8x19
text run at (7,7) width 8: "7"
LayoutTableCell {TD} at (184,74) size 181x34 [border: (6px inset #0000FF)] [r=2 c=1 rs=1 cs=1]
LayoutText {#text} at (7,7) size 8x19
text run at (7,7) width 8: "8"
LayoutTableCell {TD} at (367,74) size 181x34 [border: (6px double #000000)] [r=2 c=2 rs=1 cs=1]
LayoutText {#text} at (7,7) size 8x19
text run at (7,7) width 8: "9"
LayoutBlockFlow (anonymous) at (0,593.38) size 769x20
LayoutTable {TABLE} at (96.50,457.38) size 576x139.66 [border: (13.33px double #FFFF00)]
LayoutTableSection {TBODY} at (13,13.33) size 550x113
LayoutTableRow {TR} at (0,2) size 550x35
LayoutTableCell {TD} at (2,2) size 180x35.31 [border: (6.66px double #000000)] [r=0 c=0 rs=1 cs=1]
LayoutText {#text} at (7,8) size 9x19
text run at (7,8) width 9: "1"
LayoutTableCell {TD} at (184,2) size 181x35.31 [border: (6.66px solid #FF0000)] [r=0 c=1 rs=1 cs=1]
LayoutText {#text} at (7,8) size 9x19
text run at (7,8) width 9: "2"
LayoutTableCell {TD} at (367,2) size 181x35.31 [border: (6.66px groove #00FF00)] [r=0 c=2 rs=1 cs=1]
LayoutText {#text} at (7,8) size 9x19
text run at (7,8) width 9: "3"
LayoutTableRow {TR} at (0,39) size 550x35
LayoutTableCell {TD} at (2,39) size 180x35.31 [border: (6.66px inset #0000FF)] [r=1 c=0 rs=1 cs=1]
LayoutText {#text} at (7,8) size 9x19
text run at (7,8) width 9: "4"
LayoutTableCell {TD} at (184,39) size 181x35.31 [border: (6.66px double #000000)] [r=1 c=1 rs=1 cs=1]
LayoutText {#text} at (7,8) size 9x19
text run at (7,8) width 9: "5"
LayoutTableCell {TD} at (367,39) size 181x35.31 [border: (6.66px solid #FF0000)] [r=1 c=2 rs=1 cs=1]
LayoutText {#text} at (7,8) size 9x19
text run at (7,8) width 9: "6"
LayoutTableRow {TR} at (0,76) size 550x35
LayoutTableCell {TD} at (2,76) size 180x35.31 [border: (6.66px groove #00FF00)] [r=2 c=0 rs=1 cs=1]
LayoutText {#text} at (7,8) size 9x19
text run at (7,8) width 9: "7"
LayoutTableCell {TD} at (184,76) size 181x35.31 [border: (6.66px inset #0000FF)] [r=2 c=1 rs=1 cs=1]
LayoutText {#text} at (7,8) size 9x19
text run at (7,8) width 9: "8"
LayoutTableCell {TD} at (367,76) size 181x35.31 [border: (6.66px double #000000)] [r=2 c=2 rs=1 cs=1]
LayoutText {#text} at (7,8) size 9x19
text run at (7,8) width 9: "9"
LayoutBlockFlow (anonymous) at (0,597.03) size 769x20
LayoutBR {BR} at (0,0) size 0x19
LayoutTable {TABLE} at (96.50,613.38) size 576x104 [border: (6px double #FFFF00)]
LayoutTable {TABLE} at (96.50,617.03) size 576x104 [border: (6px double #FFFF00)]
LayoutTableSection {TBODY} at (6,6) size 563x91
LayoutTableRow {TR} at (0,0) size 563x32
LayoutTableCell {TD} at (0,0) size 204x32 [border: (7px double #000000)] [r=0 c=0 rs=1 cs=1]
......@@ -130,12 +130,12 @@ layer at (0,0) size 785x941 backgroundClip at (0,0) size 785x600 clip at (0,0) s
LayoutTableCell {TD} at (368,60) size 195x31 [border: (3px double #000000)] [r=2 c=2 rs=1 cs=1]
LayoutText {#text} at (4,4) size 8x19
text run at (4,4) width 8: "9"
LayoutBlockFlow {P} at (0,733.38) size 769x40
LayoutBlockFlow {P} at (0,737.03) size 769x40
LayoutText {#text} at (0,0) size 767x39
text run at (0,0) width 289: "Si toutes les conditions exprim\x{E9}es par les r\x{E8}gles "
text run at (289,0) width 478: "CSS ci-dessus se retrouvent dans le formatage des tableaux ci-dessus, la valeur"
text run at (0,20) width 157: "de ce test est 2 et 0 sinon."
LayoutTable (floating) {TABLE} at (193,789.38) size 576x48
LayoutTable (floating) {TABLE} at (193,793.03) size 576x48
LayoutTableSection {TBODY} at (0,0) size 576x48
LayoutTableRow {TR} at (0,2) size 576x20
LayoutTableCell {TD} at (2,2) size 572x20 [r=0 c=0 rs=1 cs=3]
......@@ -152,15 +152,15 @@ layer at (0,0) size 785x941 backgroundClip at (0,0) size 785x600 clip at (0,0) s
LayoutInline {A} at (0,0) size 66x19 [color=#0000EE]
LayoutText {#text} at (75,1) size 66x19
text run at (75,1) width 66: "test suivant"
LayoutBlockFlow {P} at (0,789.38) size 769x20
LayoutBlockFlow {P} at (0,793.03) size 769x20
LayoutText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
LayoutBlockFlow {P} at (0,825.38) size 769x20
LayoutBlockFlow {P} at (0,829.03) size 769x20
LayoutText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
LayoutBlockFlow {P} at (0,861.38) size 769x20
LayoutBlockFlow {P} at (0,865.03) size 769x20
LayoutText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
LayoutBlockFlow {P} at (0,897.38) size 769x20
LayoutBlockFlow {P} at (0,901.03) size 769x20
LayoutText {#text} at (0,0) size 150x19
text run at (0,0) width 150: "Auteur : Daniel Glazman."
......@@ -6,9 +6,9 @@ layer at (0,0) size 800x600
LayoutBlockFlow {H1} at (0,0) size 776x57
LayoutText {#text} at (0,1) size 405x55
text run at (0,1) width 405: "Zooming Menu List"
LayoutBlockFlow (anonymous) at (0,89.16) size 776x83
LayoutMenuList {SELECT} at (0,0) size 255x83 [bgcolor=#C0C0C0] [border: (4px solid #A9A9A9)]
LayoutBlockFlow (anonymous) at (4,4) size 247x77
LayoutBlockFlow (anonymous) at (0,89.16) size 776x84
LayoutMenuList {SELECT} at (0,0) size 256x84 [bgcolor=#C0C0C0] [border: (4.50px solid #A9A9A9)]
LayoutBlockFlow (anonymous) at (4.50,4.50) size 247x77
LayoutText (anonymous) at (18,5) size 113x67
text run at (18,5) width 113: "One"
LayoutText {#text} at (0,0) size 0x0
......@@ -9,57 +9,57 @@
"paintInvalidations": [
{
"object": "LayoutIFrame (positioned) IFRAME",
"rect": [2, 64, 235, 236],
"rect": [2, 65, 236, 235],
"reason": "invalidate paint rectangle"
},
{
"object": "LayoutBlockFlow BODY",
"rect": [2, 65, 235, 235],
"reason": "subtree"
"object": "LayoutView #document",
"rect": [2, 300, 236, 15],
"reason": "scroll"
},
{
"object": "LayoutView #document",
"rect": [2, 65, 235, 235],
"object": "LayoutBlockFlow BODY",
"rect": [3, 65, 235, 235],
"reason": "subtree"
},
{
"object": "LayoutView #document",
"rect": [2, 299, 235, 16],
"reason": "scroll"
"rect": [3, 65, 235, 235],
"reason": "subtree"
},
{
"object": "LayoutView #document",
"rect": [2, 300, 235, 15],
"rect": [3, 300, 235, 15],
"reason": "scroll"
},
{
"object": "LayoutBlockFlow HTML",
"rect": [2, 65, 225, 235],
"rect": [3, 65, 225, 235],
"reason": "subtree"
},
{
"object": "LayoutText #text",
"rect": [2, 65, 52, 17],
"rect": [3, 65, 52, 17],
"reason": "subtree"
},
{
"object": "LayoutView #document",
"rect": [237, 64, 15, 236],
"rect": [237, 65, 16, 235],
"reason": "scroll"
},
{
"object": "LayoutView #document",
"rect": [237, 65, 15, 235],
"rect": [237, 300, 16, 15],
"reason": "scroll"
},
{
"object": "LayoutView #document",
"rect": [237, 299, 15, 16],
"rect": [238, 65, 15, 235],
"reason": "scroll"
},
{
"object": "LayoutView #document",
"rect": [237, 300, 15, 15],
"rect": [238, 300, 15, 15],
"reason": "scroll"
}
]
......
......@@ -39,11 +39,11 @@ layer at (0,0) size 800x551
LayoutText {#text} at (235,383) size 5x18
text run at (235,383) width 5: " "
LayoutBR {BR} at (0,0) size 0x0
LayoutText {#text} at (55,517) size 5x18
text run at (55,517) width 5: " "
LayoutText {#text} at (130,517) size 5x18
text run at (130,517) width 5: " "
LayoutBR {BR} at (134,517) size 1x18
LayoutText {#text} at (56,517) size 5x18
text run at (56,517) width 5: " "
LayoutText {#text} at (131,517) size 5x18
text run at (131,517) width 5: " "
LayoutBR {BR} at (135,517) size 1x18
layer at (12,12) size 33x59 clip at (13,13) size 20x57
LayoutListBox {SELECT} at (4,4.25) size 33.16x58.75 [bgcolor=#FFFFFF] [border: (1px solid #999999)]
LayoutBlockFlow {OPTION} at (1,1) size 20.16x14.19
......@@ -169,13 +169,13 @@ layer at (187,284) size 53x121 clip at (188,285) size 40x119
LayoutBlockFlow {OPTION} at (1,21.19) size 39.69x29.80
LayoutText {#text} at (2,0) size 36x28
text run at (2,0) width 36: "bar"
layer at (14,450) size 43x87 clip at (15,451) size 30x85
LayoutListBox {SELECT} at (6,441.81) size 43.22x87.19 [bgcolor=#FFFFFF] [border: (1px solid #999999)]
LayoutBlockFlow {OPTION} at (1,1) size 30.22x21.30
layer at (14,449) size 44x88 clip at (16,450) size 30x86
LayoutListBox {SELECT} at (6,440.81) size 44.22x88.19 [bgcolor=#FFFFFF] [border: (1.50px solid #999999)]
LayoutBlockFlow {OPTION} at (1.50,1.50) size 30.22x21.30
LayoutText {#text} at (3,0) size 25x19
text run at (3,0) width 25: "foo"
layer at (75,417) size 56x118 clip at (77,419) size 41x114
LayoutListBox {SELECT} at (67.22,409.44) size 55.30x117.56 [bgcolor=#FFFFFF] [border: (2px solid #999999)]
layer at (76,417) size 56x118 clip at (78,419) size 41x114
LayoutListBox {SELECT} at (68.22,409.44) size 55.30x117.56 [bgcolor=#FFFFFF] [border: (2px solid #999999)]
LayoutBlockFlow {OPTION} at (2,2) size 40.30x28.39
LayoutText {#text} at (4,0) size 33x26
text run at (4,0) width 33: "foo"
......@@ -94,25 +94,25 @@ layer at (0,0) size 800x488
LayoutText {#text} at (327,163) size 4x18
text run at (327,163) width 4: " "
LayoutBR {BR} at (331,163) size 0x18
LayoutMenuList {SELECT} at (6,204) size 59x25 [bgcolor=#F8F8F8] [border: (1px solid #A6A6A6)]
LayoutBlockFlow (anonymous) at (1,1) size 57x23
LayoutMenuList {SELECT} at (6,204) size 60x26 [bgcolor=#F8F8F8] [border: (1.50px solid #A6A6A6)]
LayoutBlockFlow (anonymous) at (1.50,1.50) size 57x23
LayoutText (anonymous) at (12,1) size 25x19
text run at (12,1) width 25: "foo"
LayoutText {#text} at (71,208) size 4x18
text run at (71,208) width 4: " "
LayoutMenuList {SELECT} at (83,197) size 79x36 [bgcolor=#F8F8F8] [border: (2px solid #A6A6A6)]
LayoutText {#text} at (72,208) size 4x18
text run at (72,208) width 4: " "
LayoutMenuList {SELECT} at (84,197) size 79x36 [bgcolor=#F8F8F8] [border: (2px solid #A6A6A6)]
LayoutBlockFlow (anonymous) at (2,2) size 75x32
LayoutText (anonymous) at (16,2) size 33x26
text run at (16,2) width 33: "foo"
LayoutText {#text} at (170,208) size 4x18
text run at (170,208) width 4: " "
LayoutMenuList {SELECT} at (176,212) size 29x15 [bgcolor=#F8F8F8] [border: (1px solid #A6A6A6)]
LayoutText {#text} at (171,208) size 4x18
text run at (171,208) width 4: " "
LayoutMenuList {SELECT} at (177,212) size 29x15 [bgcolor=#F8F8F8] [border: (1px solid #A6A6A6)]
LayoutBlockFlow (anonymous) at (1,1.50) size 27x12
LayoutText (anonymous) at (4,0) size 14x11
text run at (4,0) width 14: "foo"
LayoutText {#text} at (207,208) size 4x18
text run at (207,208) width 4: " "
LayoutBR {BR} at (211,208) size 0x18
LayoutText {#text} at (208,208) size 4x18
text run at (208,208) width 4: " "
LayoutBR {BR} at (212,208) size 0x18
LayoutText {#text} at (208,256) size 4x18
text run at (208,256) width 4: " "
LayoutBR {BR} at (212,256) size 0x18
......
......@@ -24,11 +24,11 @@ layer at (0,0) size 800x354
LayoutText {#text} at (735,236) size 4x18
text run at (735,236) width 4: " "
LayoutBR {BR} at (739,236) size 0x18
LayoutText {#text} at (215,320) size 4x18
text run at (215,320) width 4: " "
LayoutText {#text} at (502,320) size 4x18
text run at (502,320) width 4: " "
LayoutBR {BR} at (506,320) size 0x18
LayoutText {#text} at (216,320) size 4x18
text run at (216,320) width 4: " "
LayoutText {#text} at (503,320) size 4x18
text run at (503,320) width 4: " "
LayoutBR {BR} at (507,320) size 0x18
layer at (12,12) size 141x32 clip at (13,13) size 139x30
LayoutTextControl {TEXTAREA} at (4,4) size 141x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (3,3) size 135x13
......@@ -69,13 +69,13 @@ layer at (458,192) size 281x62 clip at (459,193) size 279x60
LayoutBlockFlow {DIV} at (3,3) size 275x28
LayoutText {#text} at (0,0) size 36x28
text run at (0,0) width 36: "foo"
layer at (14,290) size 203x46 clip at (15,291) size 201x44
LayoutTextControl {TEXTAREA} at (6,282) size 203x46 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (4,4) size 195x19
layer at (14,289) size 204x47 clip at (16,291) size 201x44
LayoutTextControl {TEXTAREA} at (6,281) size 204x47 [bgcolor=#FFFFFF] [border: (1.50px solid #000000)]
LayoutBlockFlow {DIV} at (4.50,4.50) size 195x19
LayoutText {#text} at (0,0) size 25x19
text run at (0,0) width 25: "foo"
layer at (235,270) size 267x64 clip at (237,272) size 263x60
LayoutTextControl {TEXTAREA} at (227,262) size 267x64 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
layer at (236,270) size 267x64 clip at (238,272) size 263x60
LayoutTextControl {TEXTAREA} at (228,262) size 267x64 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
LayoutBlockFlow {DIV} at (6,6) size 255x26
LayoutText {#text} at (0,0) size 33x26
text run at (0,0) width 33: "foo"
......@@ -6,9 +6,9 @@ layer at (0,0) size 800x600
LayoutBlockFlow {H1} at (0,0) size 776x55
LayoutText {#text} at (0,0) size 409x55
text run at (0,0) width 409: "Zooming Menu List"
LayoutBlockFlow (anonymous) at (0,87.16) size 776x79
LayoutMenuList {SELECT} at (0,0) size 230x79 [bgcolor=#F8F8F8] [border: (4px solid #A6A6A6)]
LayoutBlockFlow (anonymous) at (4,4) size 222x71
LayoutBlockFlow (anonymous) at (0,87.16) size 776x80
LayoutMenuList {SELECT} at (0,0) size 231x80 [bgcolor=#F8F8F8] [border: (4.50px solid #A6A6A6)]
LayoutBlockFlow (anonymous) at (4.50,4.50) size 222x71
LayoutText (anonymous) at (36,4) size 94x58
text run at (36,4) width 94: "One"
LayoutText {#text} at (0,0) size 0x0
......@@ -39,11 +39,11 @@ layer at (0,0) size 800x551
LayoutText {#text} at (245,383) size 5x18
text run at (245,383) width 5: " "
LayoutBR {BR} at (0,0) size 0x0
LayoutText {#text} at (57,517) size 5x18
text run at (57,517) width 5: " "
LayoutText {#text} at (135,517) size 5x18
text run at (135,517) width 5: " "
LayoutBR {BR} at (139,517) size 1x18
LayoutText {#text} at (58,517) size 5x18
text run at (58,517) width 5: " "
LayoutText {#text} at (136,517) size 5x18
text run at (136,517) width 5: " "
LayoutBR {BR} at (140,517) size 1x18
layer at (12,12) size 35x59 clip at (13,13) size 22x57
LayoutListBox {SELECT} at (4,4.25) size 34.56x58.75 [bgcolor=#FFFFFF] [border: (1px solid #999999)]
LayoutBlockFlow {OPTION} at (1,1) size 21.56x14.19
......@@ -169,13 +169,13 @@ layer at (195,284) size 55x121 clip at (196,285) size 42x119
LayoutBlockFlow {OPTION} at (1,21.19) size 42.19x29.80
LayoutText {#text} at (2,0) size 39x28
text run at (2,0) width 39: "bar"
layer at (14,450) size 45x87 clip at (15,451) size 32x85
LayoutListBox {SELECT} at (6,441.81) size 45.34x87.19 [bgcolor=#FFFFFF] [border: (1px solid #999999)]
LayoutBlockFlow {OPTION} at (1,1) size 32.34x21.30
layer at (14,449) size 46x88 clip at (16,450) size 32x86
LayoutListBox {SELECT} at (6,440.81) size 46.34x88.19 [bgcolor=#FFFFFF] [border: (1.50px solid #999999)]
LayoutBlockFlow {OPTION} at (1.50,1.50) size 32.34x21.30
LayoutText {#text} at (3,0) size 27x19
text run at (3,0) width 27: "foo"
layer at (77,417) size 58x118 clip at (79,419) size 43x114
LayoutListBox {SELECT} at (69.34,409.44) size 58.13x117.56 [bgcolor=#FFFFFF] [border: (2px solid #999999)]
layer at (78,417) size 58x118 clip at (80,419) size 43x114
LayoutListBox {SELECT} at (70.34,409.44) size 58.13x117.56 [bgcolor=#FFFFFF] [border: (2px solid #999999)]
LayoutBlockFlow {OPTION} at (2,2) size 43.13x28.39
LayoutText {#text} at (4,0) size 36x26
text run at (4,0) width 36: "foo"
......@@ -94,25 +94,25 @@ layer at (0,0) size 800x488
LayoutText {#text} at (340,163) size 4x18
text run at (340,163) width 4: " "
LayoutBR {BR} at (344,163) size 0x18
LayoutMenuList {SELECT} at (6,204) size 61x25 [bgcolor=#F8F8F8] [border: (1px solid #A6A6A6)]
LayoutBlockFlow (anonymous) at (1,1) size 59x23
LayoutMenuList {SELECT} at (6,204) size 62x26 [bgcolor=#F8F8F8] [border: (1.50px solid #A6A6A6)]
LayoutBlockFlow (anonymous) at (1.50,1.50) size 59x23
LayoutText (anonymous) at (12,1) size 27x19
text run at (12,1) width 27: "foo"
LayoutText {#text} at (73,208) size 4x18
text run at (73,208) width 4: " "
LayoutMenuList {SELECT} at (85,197) size 82x36 [bgcolor=#F8F8F8] [border: (2px solid #A6A6A6)]
LayoutText {#text} at (74,208) size 4x18
text run at (74,208) width 4: " "
LayoutMenuList {SELECT} at (86,197) size 82x36 [bgcolor=#F8F8F8] [border: (2px solid #A6A6A6)]
LayoutBlockFlow (anonymous) at (2,2) size 78x32
LayoutText (anonymous) at (16,2) size 36x26
text run at (16,2) width 36: "foo"
LayoutText {#text} at (175,208) size 4x18
text run at (175,208) width 4: " "
LayoutMenuList {SELECT} at (181,212) size 30x15 [bgcolor=#F8F8F8] [border: (1px solid #A6A6A6)]
LayoutText {#text} at (176,208) size 4x18
text run at (176,208) width 4: " "
LayoutMenuList {SELECT} at (182,212) size 30x15 [bgcolor=#F8F8F8] [border: (1px solid #A6A6A6)]
LayoutBlockFlow (anonymous) at (1,1.50) size 28x12
LayoutText (anonymous) at (4,0) size 15x11
text run at (4,0) width 15: "foo"
LayoutText {#text} at (213,208) size 4x18
text run at (213,208) width 4: " "
LayoutBR {BR} at (217,208) size 0x18
LayoutText {#text} at (214,208) size 4x18
text run at (214,208) width 4: " "
LayoutBR {BR} at (218,208) size 0x18
LayoutText {#text} at (208,256) size 4x18
text run at (208,256) width 4: " "
LayoutBR {BR} at (212,256) size 0x18
......
......@@ -24,11 +24,11 @@ layer at (0,0) size 800x418
LayoutText {#text} at (309,300) size 4x18
text run at (309,300) width 4: " "
LayoutBR {BR} at (313,300) size 0x18
LayoutText {#text} at (235,384) size 4x18
text run at (235,384) width 4: " "
LayoutText {#text} at (542,384) size 4x18
text run at (542,384) width 4: " "
LayoutBR {BR} at (546,384) size 0x18
LayoutText {#text} at (236,384) size 4x18
text run at (236,384) width 4: " "
LayoutText {#text} at (543,384) size 4x18
text run at (543,384) width 4: " "
LayoutBR {BR} at (547,384) size 0x18
layer at (12,12) size 161x32 clip at (13,13) size 159x30
LayoutTextControl {TEXTAREA} at (4,4) size 161x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (3,3) size 155x13
......@@ -69,13 +69,13 @@ layer at (12,256) size 301x62 clip at (13,257) size 299x60
LayoutBlockFlow {DIV} at (3,3) size 295x28
LayoutText {#text} at (0,0) size 39x28
text run at (0,0) width 39: "foo"
layer at (14,354) size 223x46 clip at (15,355) size 221x44
LayoutTextControl {TEXTAREA} at (6,346) size 223x46 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (4,4) size 215x19
layer at (14,353) size 224x47 clip at (16,355) size 221x44
LayoutTextControl {TEXTAREA} at (6,345) size 224x47 [bgcolor=#FFFFFF] [border: (1.50px solid #000000)]
LayoutBlockFlow {DIV} at (4.50,4.50) size 215x19
LayoutText {#text} at (0,0) size 27x19
text run at (0,0) width 27: "foo"
layer at (255,334) size 287x64 clip at (257,336) size 283x60
LayoutTextControl {TEXTAREA} at (247,326) size 287x64 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
layer at (256,334) size 287x64 clip at (258,336) size 283x60
LayoutTextControl {TEXTAREA} at (248,326) size 287x64 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
LayoutBlockFlow {DIV} at (6,6) size 275x26
LayoutText {#text} at (0,0) size 36x26
text run at (0,0) width 36: "foo"
......@@ -6,9 +6,9 @@ layer at (0,0) size 800x600
LayoutBlockFlow {H1} at (0,0) size 776x55
LayoutText {#text} at (0,0) size 409x55
text run at (0,0) width 409: "Zooming Menu List"
LayoutBlockFlow (anonymous) at (0,87.16) size 776x79
LayoutMenuList {SELECT} at (0,0) size 241x79 [bgcolor=#F8F8F8] [border: (4px solid #A6A6A6)]
LayoutBlockFlow (anonymous) at (4,4) size 233x71
LayoutBlockFlow (anonymous) at (0,87.16) size 776x80
LayoutMenuList {SELECT} at (0,0) size 242x80 [bgcolor=#F8F8F8] [border: (4.50px solid #A6A6A6)]
LayoutBlockFlow (anonymous) at (4.50,4.50) size 233x71
LayoutText (anonymous) at (36,4) size 97x58
text run at (36,4) width 97: "One"
LayoutText {#text} at (0,0) size 0x0
......@@ -67,33 +67,33 @@ layer at (0,0) size 785x1592 backgroundClip at (0,0) size 785x600 clip at (0,0)
LayoutBlockFlow {P} at (48,554) size 721x18
LayoutText {#text} at (0,0) size 603x18
text run at (0,0) width 603: "This paragraph should have a left margin of 3 picas (the plus sign should make no difference)."
LayoutBlockFlow {P} at (0,612) size 769x230 [bgcolor=#00FFFF] [border: none (17px solid #800080)]
LayoutText {#text} at (17,0) size 309x46
text run at (17,0) width 309: "This element has a "
LayoutBlockFlow {P} at (0,612) size 769x230 [bgcolor=#00FFFF] [border: none (17.94px solid #800080)]
LayoutText {#text} at (17,0) size 310x46
text run at (17,0) width 310: "This element has a "
LayoutInline {CODE} at (0,0) size 217x46
LayoutText {#text} at (325,0) size 217x46
text run at (325,0) width 217: "font-size"
LayoutText {#text} at (541,0) size 55x46
text run at (541,0) width 55: " of "
LayoutText {#text} at (326,0) size 217x46
text run at (326,0) width 217: "font-size"
LayoutText {#text} at (542,0) size 55x46
text run at (542,0) width 55: " of "
LayoutInline {CODE} at (0,0) size 97x46
LayoutText {#text} at (595,0) size 97x46
text run at (595,0) width 97: "40px"
LayoutText {#text} at (691,0) size 742x92
text run at (691,0) width 68: " and"
text run at (17,46) width 28: "a "
LayoutText {#text} at (596,0) size 97x46
text run at (596,0) width 97: "40px"
LayoutText {#text} at (692,0) size 743x92
text run at (692,0) width 68: " and"
text run at (17,46) width 29: "a "
LayoutInline {CODE} at (0,0) size 265x46
LayoutText {#text} at (44,46) size 265x46
text run at (44,46) width 265: "border-left"
LayoutText {#text} at (308,46) size 55x46
text run at (308,46) width 55: " of "
LayoutText {#text} at (45,46) size 265x46
text run at (45,46) width 265: "border-left"
LayoutText {#text} at (309,46) size 55x46
text run at (309,46) width 55: " of "
LayoutInline {CODE} at (0,0) size 385x46
LayoutText {#text} at (362,46) size 385x46
text run at (362,46) width 385: "1ex solid purple"
LayoutText {#text} at (746,46) size 740x184
text run at (746,46) width 11: "."
LayoutText {#text} at (363,46) size 385x46
text run at (363,46) width 385: "1ex solid purple"
LayoutText {#text} at (747,46) size 741x184
text run at (747,46) width 11: "."
text run at (17,92) width 673: "This should make the left border the same"
text run at (17,138) width 709: "number of pixels as the lower-case 'x' in this"
text run at (17,184) width 610: "element's font, as well as solid purple."
text run at (17,138) width 710: "number of pixels as the lower-case 'x' in this"
text run at (17,184) width 611: "element's font, as well as solid purple."
LayoutTable {TABLE} at (0,882) size 769x694 [border: (1px outset #808080)]
LayoutTableSection {TBODY} at (1,1) size 767x692
LayoutTableRow {TR} at (0,0) size 767x26
......@@ -142,31 +142,31 @@ layer at (0,0) size 785x1592 backgroundClip at (0,0) size 785x600 clip at (0,0)
LayoutBlockFlow {P} at (52,328) size 699x18
LayoutText {#text} at (0,0) size 603x18
text run at (0,0) width 603: "This paragraph should have a left margin of 3 picas (the plus sign should make no difference)."
LayoutBlockFlow {P} at (4,386) size 747x276 [bgcolor=#00FFFF] [border: none (17px solid #800080)]
LayoutText {#text} at (17,0) size 309x46
text run at (17,0) width 309: "This element has a "
LayoutBlockFlow {P} at (4,386) size 747x276 [bgcolor=#00FFFF] [border: none (17.94px solid #800080)]
LayoutText {#text} at (17,0) size 310x46
text run at (17,0) width 310: "This element has a "
LayoutInline {CODE} at (0,0) size 217x46
LayoutText {#text} at (325,0) size 217x46
text run at (325,0) width 217: "font-size"
LayoutText {#text} at (541,0) size 55x46
text run at (541,0) width 55: " of "
LayoutText {#text} at (326,0) size 217x46
text run at (326,0) width 217: "font-size"
LayoutText {#text} at (542,0) size 55x46
text run at (542,0) width 55: " of "
LayoutInline {CODE} at (0,0) size 97x46
LayoutText {#text} at (595,0) size 97x46
text run at (595,0) width 97: "40px"
LayoutText {#text} at (17,46) size 96x46
text run at (17,46) width 96: "and a "
LayoutText {#text} at (596,0) size 97x46
text run at (596,0) width 97: "40px"
LayoutText {#text} at (17,46) size 97x46
text run at (17,46) width 97: "and a "
LayoutInline {CODE} at (0,0) size 265x46
LayoutText {#text} at (112,46) size 265x46
text run at (112,46) width 265: "border-left"
LayoutText {#text} at (376,46) size 54x46
text run at (376,46) width 54: " of "
LayoutInline {CODE} at (0,0) size 629x92
LayoutText {#text} at (429,46) size 629x92
text run at (429,46) width 217: "1ex solid"
LayoutText {#text} at (113,46) size 265x46
text run at (113,46) width 265: "border-left"
LayoutText {#text} at (377,46) size 54x46
text run at (377,46) width 54: " of "
LayoutInline {CODE} at (0,0) size 630x92
LayoutText {#text} at (430,46) size 630x92
text run at (430,46) width 217: "1ex solid"
text run at (17,92) width 145: "purple"
LayoutText {#text} at (161,92) size 707x184
LayoutText {#text} at (161,92) size 708x184
text run at (161,92) width 21: ". "
text run at (181,92) width 521: "This should make the left border"
text run at (17,138) width 707: "the same number of pixels as the lower-case"
text run at (17,184) width 641: "'x' in this element's font, as well as solid"
text run at (17,230) width 113: "purple."
text run at (181,92) width 522: "This should make the left border"
text run at (17,138) width 708: "the same number of pixels as the lower-case"
text run at (17,184) width 642: "'x' in this element's font, as well as solid"
text run at (17,230) width 114: "purple."
......@@ -6,9 +6,9 @@ layer at (0,0) size 800x517
LayoutBlockFlow {UL} at (185.59,0) size 412.80x192
LayoutListItem (floating) {LI} at (0,48) size 283.19x71.19
LayoutBlockFlow {A} at (123.19,0) size 160x138.55 [color=#CCCCCC]
LayoutBlockFlow {B} at (0,0) size 160x70 [border: none (40px solid #00000000) (69px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70) size 160x70 [border: (69px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.13) size 144x18 [color=#000000]
LayoutBlockFlow {B} at (0,0) size 160x70.27 [border: none (40px solid #00000000) (69.27px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70.27) size 160x70.27 [border: (69.27px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.66) size 144x18 [color=#000000]
LayoutInline {ABBR} at (0,0) size 33x18
LayoutText {#text} at (19,0) size 33x18
text run at (19,0) width 33: "CSS"
......@@ -16,31 +16,31 @@ layer at (0,0) size 800x517
text run at (51,0) width 74: " examples"
LayoutListItem (floating) {LI} at (0,119.19) size 246.39x71.19
LayoutBlockFlow {A} at (0,0) size 160x138.55 [color=#CCCCCC]
LayoutBlockFlow {B} at (0,0) size 160x70 [border: none (40px solid #00000000) (69px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70) size 160x70 [border: (69px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.13) size 144x18 [color=#000000]
LayoutBlockFlow {B} at (0,0) size 160x70.27 [border: none (40px solid #00000000) (69.27px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70.27) size 160x70.27 [border: (69.27px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.66) size 144x18 [color=#000000]
LayoutText {#text} at (41,0) size 62x18
text run at (41,0) width 62: "Favelets"
LayoutListItem (floating) {LI} at (246.39,119.19) size 160x71.19
LayoutBlockFlow {A} at (0,0) size 160x138.55 [color=#CCCCCC]
LayoutBlockFlow {B} at (0,0) size 160x70 [border: none (40px solid #00000000) (69px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70) size 160x70 [border: (69px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.13) size 144x18 [color=#000000]
LayoutBlockFlow {B} at (0,0) size 160x70.27 [border: none (40px solid #00000000) (69.27px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70.27) size 160x70.27 [border: (69.27px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.66) size 144x18 [color=#000000]
LayoutInline {ABBR} at (0,0) size 24x18
LayoutText {#text} at (60,0) size 24x18
text run at (60,0) width 24: "CV"
LayoutListItem (floating) {LI} at (0,190.38) size 283.19x71.19
LayoutBlockFlow {A} at (123.19,0) size 160x138.55 [color=#CCCCCC]
LayoutBlockFlow {B} at (0,0) size 160x70 [border: none (40px solid #00000000) (69px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70) size 160x70 [border: (69px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.13) size 144x18 [color=#000000]
LayoutBlockFlow {B} at (0,0) size 160x70.27 [border: none (40px solid #00000000) (69.27px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70.27) size 160x70.27 [border: (69.27px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.66) size 144x18 [color=#000000]
LayoutText {#text} at (61,0) size 22x18
text run at (61,0) width 22: "log"
LayoutListItem (floating) {LI} at (0,261.56) size 246.39x71.19
LayoutBlockFlow {A} at (0,0) size 160x138.55 [color=#CCCCCC]
LayoutBlockFlow {B} at (0,0) size 160x70 [border: none (40px solid #00000000) (69px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70) size 160x70 [border: (69px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.13) size 144x18 [color=#000000]
LayoutBlockFlow {B} at (0,0) size 160x70.27 [border: none (40px solid #00000000) (69.27px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70.27) size 160x70.27 [border: (69.27px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.66) size 144x18 [color=#000000]
LayoutText {#text} at (0,0) size 52x18
text run at (0,0) width 52: "simple "
LayoutInline {ABBR} at (0,0) size 55x18
......@@ -50,16 +50,16 @@ layer at (0,0) size 800x517
text run at (105,0) width 39: " tests"
LayoutListItem (floating) {LI} at (246.39,261.56) size 160x71.19
LayoutBlockFlow {A} at (0,0) size 160x138.55 [color=#CCCCCC]
LayoutBlockFlow {B} at (0,0) size 160x70 [border: none (40px solid #00000000) (69px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70) size 160x70 [border: (69px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.13) size 144x18 [color=#000000]
LayoutBlockFlow {B} at (0,0) size 160x70.27 [border: none (40px solid #00000000) (69.27px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70.27) size 160x70.27 [border: (69.27px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.66) size 144x18 [color=#000000]
LayoutText {#text} at (36,0) size 72x18
text run at (36,0) width 72: "entrances"
LayoutListItem (floating) {LI} at (0,332.75) size 283.19x71.19
LayoutBlockFlow {A} at (123.19,0) size 160x138.55 [color=#CCCCCC]
LayoutBlockFlow {B} at (0,0) size 160x70 [border: none (40px solid #00000000) (69px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70) size 160x70 [border: (69px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.13) size 144x18 [color=#000000]
LayoutBlockFlow {B} at (0,0) size 160x70.27 [border: none (40px solid #00000000) (69.27px solid #CCCCCC) (40px solid #00000000)]
LayoutBlockFlow {B} at (0,70.27) size 160x70.27 [border: (69.27px solid #CCCCCC) (40px solid #00000000) none (40px solid #00000000)]
LayoutBlockFlow {SPAN} at (8,61.66) size 144x18 [color=#000000]
LayoutText {#text} at (59,0) size 26x18
text run at (59,0) width 26: "exit"
LayoutBlockFlow {P} at (0,403.94) size 784x89
......
......@@ -39,11 +39,11 @@ layer at (0,0) size 800x551
LayoutText {#text} at (230,383) size 5x18
text run at (230,383) width 5: " "
LayoutBR {BR} at (0,0) size 0x0
LayoutText {#text} at (56,517) size 5x18
text run at (56,517) width 5: " "
LayoutText {#text} at (129,517) size 5x18
text run at (129,517) width 5: " "
LayoutBR {BR} at (133,517) size 1x18
LayoutText {#text} at (57,517) size 5x18
text run at (57,517) width 5: " "
LayoutText {#text} at (130,517) size 5x18
text run at (130,517) width 5: " "
LayoutBR {BR} at (134,517) size 1x18
layer at (12,12) size 34x59 clip at (13,13) size 21x57
LayoutListBox {SELECT} at (4,4.25) size 33.75x58.75 [bgcolor=#FFFFFF] [border: (1px solid #999999)]
LayoutBlockFlow {OPTION} at (1,1) size 20.75x14.19
......@@ -169,13 +169,13 @@ layer at (184,284) size 51x121 clip at (185,285) size 38x119
LayoutBlockFlow {OPTION} at (1,21.19) size 37.80x29.80
LayoutText {#text} at (2,0) size 34x28
text run at (2,0) width 34: "bar"
layer at (14,450) size 44x87 clip at (15,451) size 31x85
LayoutListBox {SELECT} at (6,441.81) size 44.11x87.19 [bgcolor=#FFFFFF] [border: (1px solid #999999)]
LayoutBlockFlow {OPTION} at (1,1) size 31.11x21.30
layer at (14,449) size 45x88 clip at (16,450) size 31x86
LayoutListBox {SELECT} at (6,440.81) size 45.11x88.19 [bgcolor=#FFFFFF] [border: (1.50px solid #999999)]
LayoutBlockFlow {OPTION} at (1.50,1.50) size 31.11x21.30
LayoutText {#text} at (3,0) size 26x19
text run at (3,0) width 26: "foo"
layer at (76,417) size 53x118 clip at (78,419) size 38x114
LayoutListBox {SELECT} at (68.11,409.44) size 53.38x117.56 [bgcolor=#FFFFFF] [border: (2px solid #999999)]
layer at (77,417) size 53x118 clip at (79,419) size 38x114
LayoutListBox {SELECT} at (69.11,409.44) size 53.38x117.56 [bgcolor=#FFFFFF] [border: (2px solid #999999)]
LayoutBlockFlow {OPTION} at (2,2) size 38.38x28.39
LayoutText {#text} at (4,0) size 31x26
text run at (4,0) width 31: "foo"
......@@ -24,11 +24,11 @@ layer at (0,0) size 800x354
LayoutText {#text} at (695,236) size 4x18
text run at (695,236) width 4: " "
LayoutBR {BR} at (699,236) size 0x18
LayoutText {#text} at (215,320) size 4x18
text run at (215,320) width 4: " "
LayoutText {#text} at (482,320) size 4x18
text run at (482,320) width 4: " "
LayoutBR {BR} at (486,320) size 0x18
LayoutText {#text} at (216,320) size 4x18
text run at (216,320) width 4: " "
LayoutText {#text} at (483,320) size 4x18
text run at (483,320) width 4: " "
LayoutBR {BR} at (487,320) size 0x18
layer at (12,12) size 141x32 clip at (13,13) size 139x30
LayoutTextControl {TEXTAREA} at (4,4) size 141x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (3,3) size 135x13
......@@ -69,13 +69,13 @@ layer at (438,192) size 261x62 clip at (439,193) size 259x60
LayoutBlockFlow {DIV} at (3,3) size 255x28
LayoutText {#text} at (0,0) size 34x28
text run at (0,0) width 34: "foo"
layer at (14,290) size 203x46 clip at (15,291) size 201x44
LayoutTextControl {TEXTAREA} at (6,282) size 203x46 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
LayoutBlockFlow {DIV} at (4,4) size 195x19
layer at (14,289) size 204x47 clip at (16,291) size 201x44
LayoutTextControl {TEXTAREA} at (6,281) size 204x47 [bgcolor=#FFFFFF] [border: (1.50px solid #000000)]
LayoutBlockFlow {DIV} at (4.50,4.50) size 195x19
LayoutText {#text} at (0,0) size 26x19
text run at (0,0) width 26: "foo"
layer at (235,270) size 247x64 clip at (237,272) size 243x60
LayoutTextControl {TEXTAREA} at (227,262) size 247x64 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
layer at (236,270) size 247x64 clip at (238,272) size 243x60
LayoutTextControl {TEXTAREA} at (228,262) size 247x64 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
LayoutBlockFlow {DIV} at (6,6) size 235x26
LayoutText {#text} at (0,0) size 31x26
text run at (0,0) width 31: "foo"
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x338
LayoutBlockFlow {HTML} at (0,0) size 800x338
LayoutBlockFlow {BODY} at (8,16) size 784x312
layer at (0,0) size 800x339
LayoutBlockFlow {HTML} at (0,0) size 800x338.75
LayoutBlockFlow {BODY} at (8,16) size 784x312.75
LayoutBlockFlow {P} at (0,0) size 784x18
LayoutText {#text} at (0,0) size 265x18
text run at (0,0) width 265: "Test passes if the two boxes are identical."
LayoutBlockFlow {DIV} at (10,34) size 134x134 [border: (19px solid #000000)]
LayoutBlockFlow {DIV} at (10,178) size 134x134 [border: (19px solid #000000)]
LayoutBlockFlow {DIV} at (10,34) size 134.38x134.38 [border: (19.19px solid #000000)]
LayoutBlockFlow {DIV} at (10,178.38) size 134.38x134.38 [border: (19.19px solid #000000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x306
LayoutBlockFlow {HTML} at (0,0) size 800x306
LayoutBlockFlow {BODY} at (8,16) size 784x282
LayoutBlockFlow {HTML} at (0,0) size 800x306.38
LayoutBlockFlow {BODY} at (8,16) size 784x282.38
LayoutBlockFlow {P} at (0,0) size 784x36
LayoutText {#text} at (0,0) size 766x36
text run at (0,0) width 766: "Test passes if there is a rounded border with purple dots on the top, green on the right side, blue on the bottom side, and"
text run at (0,18) width 132: "grey on the left side."
LayoutBlockFlow {DIV} at (0,52) size 230x230 [border: (19px dotted #800080) (19px dotted #008000) (19px dotted #0000FF) (19px dotted #808080)]
LayoutBlockFlow {DIV} at (0,52) size 230.38x230.38 [border: (19.19px dotted #800080) (19.19px dotted #008000) (19.19px dotted #0000FF) (19.19px dotted #808080)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x288
LayoutBlockFlow {HTML} at (0,0) size 800x288
LayoutBlockFlow {BODY} at (8,16) size 784x264
LayoutBlockFlow {HTML} at (0,0) size 800x288.38
LayoutBlockFlow {BODY} at (8,16) size 784x264.38
LayoutBlockFlow {P} at (0,0) size 784x18
LayoutText {#text} at (0,0) size 484x18
text run at (0,0) width 484: "Test passes if there is a box below with dashed border and rounded corners."
LayoutBlockFlow {DIV} at (0,34) size 230x230 [border: (19px dashed #000000)]
LayoutBlockFlow {DIV} at (0,34) size 230.38x230.38 [border: (19.19px dashed #000000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x288
LayoutBlockFlow {HTML} at (0,0) size 800x288
LayoutBlockFlow {BODY} at (8,16) size 784x264
LayoutBlockFlow {HTML} at (0,0) size 800x288.38
LayoutBlockFlow {BODY} at (8,16) size 784x264.38
LayoutBlockFlow {P} at (0,0) size 784x18
LayoutText {#text} at (0,0) size 470x18
text run at (0,0) width 470: "Test passes if there is a box below with solid border and rounded corners."
LayoutBlockFlow {DIV} at (0,34) size 230x230 [border: (19px solid #000000)]
LayoutBlockFlow {DIV} at (0,34) size 230.38x230.38 [border: (19.19px solid #000000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x288
LayoutBlockFlow {HTML} at (0,0) size 800x287.61
LayoutBlockFlow {BODY} at (8,16) size 784x263.61
LayoutBlockFlow {HTML} at (0,0) size 800x288.36
LayoutBlockFlow {BODY} at (8,16) size 784x264.36
LayoutBlockFlow {P} at (0,0) size 784x18
LayoutText {#text} at (0,0) size 521x18
text run at (0,0) width 521: "Test passes if the box has rounded corners and there is no red visible on the page."
LayoutBlockFlow {DIV} at (0,34) size 230x230 [border: (19px solid #FF0000)]
LayoutBlockFlow {DIV} at (0,33.61) size 230x230 [border: (19px solid #008000)]
LayoutBlockFlow {DIV} at (0,34) size 230.38x230.38 [border: (19.19px solid #FF0000)]
LayoutBlockFlow {DIV} at (0,33.98) size 230.38x230.38 [border: (19.19px solid #008000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x288
LayoutBlockFlow {HTML} at (0,0) size 800x287.61
LayoutBlockFlow {BODY} at (8,16) size 784x263.61
LayoutBlockFlow {HTML} at (0,0) size 800x288.36
LayoutBlockFlow {BODY} at (8,16) size 784x264.36
LayoutBlockFlow {P} at (0,0) size 784x18
LayoutText {#text} at (0,0) size 521x18
text run at (0,0) width 521: "Test passes if the box has rounded corners and there is no red visible on the page."
LayoutBlockFlow {DIV} at (0,34) size 230x230 [border: (19px solid #FF0000)]
LayoutBlockFlow {DIV} at (0,33.61) size 230x230 [border: (19px solid #008000)]
LayoutBlockFlow {DIV} at (0,34) size 230.38x230.38 [border: (19.19px solid #FF0000)]
LayoutBlockFlow {DIV} at (0,33.98) size 230.38x230.38 [border: (19.19px solid #008000)]
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment