[webkit-changes] cvs commit: LayoutTests/fast/box-sizing/resources
white.gif
David
hyatt at opensource.apple.com
Tue Oct 25 13:50:49 PDT 2005
hyatt 05/10/25 13:50:49
Added: fast/box-sizing box-sizing-expected.txt box-sizing.html
fast/box-sizing/resources white.gif
Log:
Commit new box-sizing test
Revision Changes Path
1.1 LayoutTests/fast/box-sizing/box-sizing-expected.txt
Index: box-sizing-expected.txt
===================================================================
layer at (0,0) size 785x903
RenderCanvas at (0,0) size 785x600
layer at (0,0) size 785x903
RenderBlock {HTML} at (0,0) size 785x903
RenderBody {BODY} at (8,8) size 769x887
RenderBlock (anonymous) at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 373x18
text run at (0,0) width 373: "All of the boxes below should be 20x20 and look identical."
RenderBlock {H1} at (0,39) size 769x37
RenderText {TEXT} at (0,0) size 203x37
text run at (0,0) width 203: "Normal Blocks"
RenderBlock {DIV} at (5,97) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderBlock {DIV} at (5,127) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderBlock {DIV} at (5,157) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderBlock {DIV} at (5,187) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderBR {BR} at (6,6) size 0x18
RenderBR {BR} at (6,24) size 0x18
RenderBR {BR} at (6,42) size 0x18
RenderBlock {H1} at (0,228) size 769x37
RenderText {TEXT} at (0,0) size 178x37
text run at (0,0) width 178: "Inline Blocks"
RenderBlock (anonymous) at (0,286) size 769x40
RenderBlock {DIV} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderBlock {DIV} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderBlock {DIV} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderBlock {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderBR {BR} at (6,6) size 0x18
RenderBR {BR} at (6,24) size 0x18
RenderBR {BR} at (6,42) size 0x18
RenderText {TEXT} at (0,0) size 0x0
RenderBlock {H1} at (0,347) size 769x37
RenderText {TEXT} at (0,0) size 241x37
text run at (0,0) width 241: "Positioned Blocks"
RenderBlock (anonymous) at (0,405) size 769x18
RenderBR {BR} at (0,0) size 0x18
RenderBlock {H1} at (0,444) size 769x37
RenderText {TEXT} at (0,0) size 210x37
text run at (0,0) width 210: "Floating blocks"
RenderBlock (floating) {DIV} at (5,512) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderBlock (floating) {DIV} at (35,512) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderBlock (floating) {DIV} at (65,512) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderBlock (floating) {DIV} at (95,512) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderBR {BR} at (6,6) size 0x18
RenderBR {BR} at (6,24) size 0x18
RenderBR {BR} at (6,42) size 0x18
RenderBlock (anonymous) at (0,502) size 769x40
RenderBR {BR} at (120,0) size 0x18
RenderBlock {H1} at (0,563) size 769x37
RenderText {TEXT} at (0,0) size 210x37
text run at (0,0) width 210: "Normal Images"
RenderBlock (anonymous) at (0,621) size 769x40
RenderImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderImage {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderText {TEXT} at (0,0) size 0x0
RenderBlock {H1} at (0,682) size 769x37
RenderText {TEXT} at (0,0) size 248x37
text run at (0,0) width 248: "Positioned Images"
RenderBlock (anonymous) at (0,740) size 769x18
RenderBR {BR} at (0,0) size 0x18
RenderBlock {H1} at (0,779) size 769x37
RenderText {TEXT} at (0,0) size 220x37
text run at (0,0) width 220: "Floating Images"
RenderImage {IMG} at (5,847) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderImage {IMG} at (35,847) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderImage {IMG} at (65,847) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderImage {IMG} at (95,847) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderBlock (anonymous) at (0,837) size 769x40
RenderBR {BR} at (120,0) size 0x18
RenderBlock {HR} at (0,885) size 769x2 [border: (1px inset #000000)]
layer at (13,423) size 20x20
RenderBlock (positioned) {DIV} at (13,423) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (43,423) size 20x20
RenderBlock (positioned) {DIV} at (43,423) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (73,423) size 20x20
RenderBlock (positioned) {DIV} at (73,423) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (103,423) size 20x60
RenderBlock (positioned) {DIV} at (103,423) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
RenderBR {BR} at (6,6) size 0x18
RenderBR {BR} at (6,24) size 0x18
RenderBR {BR} at (6,42) size 0x18
layer at (13,748) size 20x20
RenderImage {IMG} at (13,748) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (43,748) size 20x20
RenderImage {IMG} at (43,748) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (73,748) size 20x20
RenderImage {IMG} at (73,748) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (103,748) size 20x20
RenderImage {IMG} at (103,748) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
1.1 LayoutTests/fast/box-sizing/box-sizing.html
Index: box-sizing.html
===================================================================
<head>
<style>
div, img {
background-color: orange;
color: white;
border: 2px solid black;
padding: 4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin:10px 5px;
}
</style>
</head>
<body>
All of the boxes below should be 20x20 and look identical.
<h1>Normal Blocks</h1>
<div style="box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"></div>
<div style="width:20px; height:20px"></div>
<div style="max-width:20px; min-height:20px"></div>
<div style="width:20px; max-height:20px"><br><br><br></div>
<h1>Inline Blocks</h1>
<div style="display: inline-block; box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"></div><div style="display: inline-block; width:20px; height:20px"></div><div style="display: inline-block; min-width:20px; min-height:20px;"></div><div style="display: inline-block; width:20px; max-height:20px"><br><br><br></div>
<h1>Positioned Blocks</h1>
<div style="position:absolute; box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"></div>
<div style="position:absolute; left:38px; width:20px; height:20px"></div>
<div style="position:absolute; left:68px; min-width:20px; min-height:20px;"></div>
<div style="position:absolute; left:98px; width:20px; max-height:20px"><br><br><br></div>
<br>
<h1>Floating blocks</h1>
<div style="float:left; box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"></div>
<div style="float:left; width:20px; height:20px"></div>
<div style="float:left; min-width:20px; min-height:20px"></div>
<div style="float:left; width:20px; max-height:20px"><br><br><br></div>
<br clear="left">
<h1>Normal Images</h1>
<img src="resources/white.gif" style="box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"><img style="width:20px; height:20px" src="resources/white.gif"><img style="max-width:20px; min-height:20px; padding-top:2px; padding-bottom:2px" src="resources/white.gif"><img style="width:20px; max-height:20px" src="resources/white.gif">
<h1>Positioned Images</h1>
<img style="position:absolute; box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px" src="resources/white.gif">
<img style="position:absolute; left:38px; width:20px; height:20px" src="resources/white.gif">
<img style="position:absolute; left:68px; min-width:20px; min-height:20px; padding:2px" src="resources/white.gif">
<img style="position:absolute; left:98px; width:20px; max-height:20px" src="resources/white.gif">
<br>
<h1>Floating Images</h1>
<img style="float:left; box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px" src="resources/white.gif">
<img style="float:left; width:20px; height:20px" src="resources/white.gif">
<img style="float:left; min-width:20px; min-height:20px; padding:2px" src="resources/white.gif">
<img style="float:left; width:20px; max-height:20px" src="resources/white.gif">
<br clear="left">
<hr>
1.1 LayoutTests/fast/box-sizing/resources/white.gif
<<Binary file>>
More information about the webkit-changes
mailing list