Land changes for margin collapsing fixes. Yank bad layout test.
authorhyatt <hyatt@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 19 Sep 2006 09:08:49 +0000 (09:08 +0000)
committerhyatt <hyatt@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 19 Sep 2006 09:08:49 +0000 (09:08 +0000)
git-svn-id: https://svn.webkit.org/repository/webkit/trunk@16443 268f45cc-cd09-0410-ab3c-d52691b4dbfc

LayoutTests/fast/block/margin-collapse/024-expected.checksum [deleted file]
LayoutTests/fast/block/margin-collapse/024-expected.png [deleted file]
LayoutTests/fast/block/margin-collapse/024-expected.txt [deleted file]
LayoutTests/fast/block/margin-collapse/024.html [deleted file]
LayoutTests/fast/block/margin-collapse/empty-clear-blocks-expected.checksum [new file with mode: 0644]
LayoutTests/fast/block/margin-collapse/empty-clear-blocks-expected.png [new file with mode: 0644]
LayoutTests/fast/block/margin-collapse/empty-clear-blocks-expected.txt [new file with mode: 0644]
LayoutTests/fast/block/margin-collapse/empty-clear-blocks.html [new file with mode: 0644]

diff --git a/LayoutTests/fast/block/margin-collapse/024-expected.checksum b/LayoutTests/fast/block/margin-collapse/024-expected.checksum
deleted file mode 100644 (file)
index ca96a0a..0000000
+++ /dev/null
@@ -1 +0,0 @@
-8709ab4d81d3d5fa13913e5b4b78df99
\ No newline at end of file
diff --git a/LayoutTests/fast/block/margin-collapse/024-expected.png b/LayoutTests/fast/block/margin-collapse/024-expected.png
deleted file mode 100644 (file)
index c492e7d..0000000
Binary files a/LayoutTests/fast/block/margin-collapse/024-expected.png and /dev/null differ
diff --git a/LayoutTests/fast/block/margin-collapse/024-expected.txt b/LayoutTests/fast/block/margin-collapse/024-expected.txt
deleted file mode 100644 (file)
index 443cc78..0000000
+++ /dev/null
@@ -1,24 +0,0 @@
-layer at (0,0) size 800x600
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x224
-  RenderBlock {HTML} at (0,0) size 800x224
-    RenderBody {BODY} at (8,16) size 784x200
-      RenderBlock {P} at (0,0) size 784x18
-        RenderText {#text} at (0,0) size 295x18
-          text run at (0,0) width 295: "The following two squares should be identical."
-      RenderTable {TABLE} at (0,34) size 316x166
-        RenderTableSection {TBODY} at (0,0) size 316x166
-          RenderTableRow {TR} at (0,16) size 316x134
-            RenderTableCell {TD} at (16,16) size 134x134 [bgcolor=#FF0000] [border: (3px solid #000000)] [r=0 c=0 rs=1 cs=1]
-              RenderBlock {DIV} at (3,3) size 128x128 [bgcolor=#00FF00]
-                RenderBlock (floating) {DIV} at (0,0) size 64x64 [bgcolor=#00FFFF]
-                RenderBlock {DIV} at (0,64) size 128x0 [bgcolor=#FF0000]
-                RenderBlock {DIV} at (0,64) size 128x64 [border: (32px solid #FFFF00)]
-            RenderTableCell {TD} at (166,16) size 134x134 [bgcolor=#FF0000] [border: (3px solid #000000)] [r=0 c=1 rs=1 cs=1]
-              RenderTable {TABLE} at (3,3) size 128x128
-                RenderTableSection {TBODY} at (0,0) size 128x128
-                  RenderTableRow {TR} at (0,0) size 128x64
-                    RenderTableCell {TD} at (0,32) size 64x0 [bgcolor=#00FFFF] [r=0 c=0 rs=1 cs=1]
-                    RenderTableCell {TD} at (64,32) size 64x0 [bgcolor=#00FF00] [r=0 c=1 rs=1 cs=1]
-                  RenderTableRow {TR} at (0,64) size 128x64
-                    RenderTableCell {TD} at (0,96) size 128x0 [bgcolor=#FFFF00] [r=1 c=0 rs=1 cs=2]
diff --git a/LayoutTests/fast/block/margin-collapse/024.html b/LayoutTests/fast/block/margin-collapse/024.html
deleted file mode 100644 (file)
index 32c28a7..0000000
+++ /dev/null
@@ -1,45 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
-<html lang="en">
- <head>
-  <title>Margin Collapsing: clear (hard)</title>
-  <style type="text/css">
-   table, td { padding: 0; border-spacing: 0; }
-   .comparator { border-spacing: 1em; }
-   .test, .control { border: solid; background: red; }
-   .test .container { display: block; margin: 0; width: 8em; background: lime; }
-   .test .float { float: left; margin: 0; height: 4em; width: 4em; background: aqua; }
-   .test .clear { clear: left; display: block; background: red; }
-   .test .block { display: block; margin: 1em 0 0; border: 2em solid yellow; }
-   .control .square { height: 4em; width: 4em; }
-   .control .rectangle { height: 4em; width: 8em; }
-   .control .lime { background: lime; }
-   .control .aqua { background: aqua; }
-   .control .yellow { background: yellow; }
-  </style>
- </head>
- <body>
-  <p>The following two squares should be identical.</p>
-  <table class="comparator">
-   <tr>
-    <td class="test">
-     <div class="container">
-      <div class="float"> </div>
-      <div class="clear"> </div>
-      <div class="block"> </div>
-     </div>
-    </td>
-    <td class="control">
-     <table>
-      <tr>
-       <td class="square aqua"></td>
-       <td class="square lime"></td>
-      </tr>
-      <tr>
-       <td colspan="2" class="rectangle yellow"></td>
-      </tr>
-     </table>
-    </td>
-   </tr>
-  </table>
- </body>
-</html>
diff --git a/LayoutTests/fast/block/margin-collapse/empty-clear-blocks-expected.checksum b/LayoutTests/fast/block/margin-collapse/empty-clear-blocks-expected.checksum
new file mode 100644 (file)
index 0000000..7306cec
--- /dev/null
@@ -0,0 +1 @@
+64b6ff665385dcd9bf36c7b5d8e0efe5
\ No newline at end of file
diff --git a/LayoutTests/fast/block/margin-collapse/empty-clear-blocks-expected.png b/LayoutTests/fast/block/margin-collapse/empty-clear-blocks-expected.png
new file mode 100644 (file)
index 0000000..18c684c
Binary files /dev/null and b/LayoutTests/fast/block/margin-collapse/empty-clear-blocks-expected.png differ
diff --git a/LayoutTests/fast/block/margin-collapse/empty-clear-blocks-expected.txt b/LayoutTests/fast/block/margin-collapse/empty-clear-blocks-expected.txt
new file mode 100644 (file)
index 0000000..cc276f2
--- /dev/null
@@ -0,0 +1,104 @@
+layer at (0,0) size 785x1110
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x1110
+  RenderBlock {HTML} at (0,0) size 785x1110
+    RenderBody {BODY} at (8,8) size 769x1094
+      RenderBlock {SPAN} at (0,0) size 769x18
+        RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+          RenderText {#text} at (0,0) size 85x54
+            text run at (0,0) width 85: "This is a float"
+            text run at (0,18) width 81: "that is 100px"
+            text run at (0,36) width 32: "high."
+        RenderText {#text} at (100,0) size 284x18
+          text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+      RenderBlock {SPAN} at (0,100) size 769x0
+      RenderBlock {SPAN} at (0,100) size 769x18
+        RenderText {#text} at (0,0) size 300x18
+          text run at (0,0) width 300: "This text should be immediately under the float."
+      RenderBlock {HR} at (0,126) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {SPAN} at (0,136) size 769x18
+        RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+          RenderText {#text} at (0,0) size 85x54
+            text run at (0,0) width 85: "This is a float"
+            text run at (0,18) width 81: "that is 100px"
+            text run at (0,36) width 32: "high."
+        RenderText {#text} at (100,0) size 284x18
+          text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+      RenderBlock {SPAN} at (0,236) size 769x0
+      RenderBlock {SPAN} at (0,246) size 769x18
+        RenderText {#text} at (0,0) size 255x18
+          text run at (0,0) width 255: "This text should be 10px under the float."
+      RenderBlock {HR} at (0,272) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {SPAN} at (0,282) size 769x18
+        RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+          RenderText {#text} at (0,0) size 85x54
+            text run at (0,0) width 85: "This is a float"
+            text run at (0,18) width 81: "that is 100px"
+            text run at (0,36) width 32: "high."
+        RenderText {#text} at (100,0) size 284x18
+          text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+      RenderBlock {SPAN} at (0,382) size 769x0
+      RenderBlock {SPAN} at (0,382) size 769x18
+        RenderText {#text} at (0,0) size 300x18
+          text run at (0,0) width 300: "This text should be immediately under the float."
+      RenderBlock {HR} at (0,408) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {SPAN} at (0,418) size 769x18
+        RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+          RenderText {#text} at (0,0) size 85x54
+            text run at (0,0) width 85: "This is a float"
+            text run at (0,18) width 81: "that is 100px"
+            text run at (0,36) width 32: "high."
+        RenderText {#text} at (100,0) size 284x18
+          text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+      RenderBlock {SPAN} at (0,518) size 769x0
+      RenderBlock {SPAN} at (0,518) size 769x18
+        RenderText {#text} at (0,0) size 300x18
+          text run at (0,0) width 300: "This text should be immediately under the float."
+      RenderBlock {HR} at (0,544) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {SPAN} at (0,554) size 769x18
+        RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+          RenderText {#text} at (0,0) size 85x54
+            text run at (0,0) width 85: "This is a float"
+            text run at (0,18) width 81: "that is 100px"
+            text run at (0,36) width 32: "high."
+        RenderText {#text} at (100,0) size 284x18
+          text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+      RenderBlock {SPAN} at (0,654) size 769x0
+      RenderBlock {SPAN} at (0,664) size 769x18
+        RenderText {#text} at (0,0) size 255x18
+          text run at (0,0) width 255: "This text should be 10px under the float."
+      RenderBlock {HR} at (0,690) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {SPAN} at (0,700) size 769x18
+        RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+          RenderText {#text} at (0,0) size 85x54
+            text run at (0,0) width 85: "This is a float"
+            text run at (0,18) width 81: "that is 100px"
+            text run at (0,36) width 32: "high."
+        RenderText {#text} at (100,0) size 284x18
+          text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+      RenderBlock {SPAN} at (0,800) size 769x0
+      RenderBlock {SPAN} at (0,800) size 769x18
+        RenderText {#text} at (0,0) size 300x18
+          text run at (0,0) width 300: "This text should be immediately under the float."
+      RenderBlock {HR} at (0,826) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {SPAN} at (0,836) size 769x120 [border: (10px dotted #000000)]
+        RenderBlock {SPAN} at (10,10) size 749x18
+          RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+            RenderText {#text} at (0,0) size 85x54
+              text run at (0,0) width 85: "This is a float"
+              text run at (0,18) width 81: "that is 100px"
+              text run at (0,36) width 32: "high."
+          RenderText {#text} at (100,0) size 284x18
+            text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+        RenderBlock {SPAN} at (10,110) size 749x0
+      RenderBlock {HR} at (0,964) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {SPAN} at (0,974) size 769x120 [border: (10px dotted #000000)]
+        RenderBlock {SPAN} at (10,10) size 749x18
+          RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+            RenderText {#text} at (0,0) size 85x54
+              text run at (0,0) width 85: "This is a float"
+              text run at (0,18) width 81: "that is 100px"
+              text run at (0,36) width 32: "high."
+          RenderText {#text} at (100,0) size 284x18
+            text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+        RenderBlock {SPAN} at (10,110) size 749x0
diff --git a/LayoutTests/fast/block/margin-collapse/empty-clear-blocks.html b/LayoutTests/fast/block/margin-collapse/empty-clear-blocks.html
new file mode 100644 (file)
index 0000000..abebf02
--- /dev/null
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<head>
+<style>
+div {
+  width:100px;
+  height:100px;
+  background-color:lime;
+  float:left
+}
+
+span {
+  display:block
+}
+</style>
+</head>
+<body>
+<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+This paragraph has a bottom margin of 50px.</span>
+<span style="clear:both; margin-top:25px;margin-bottom:30px"></span>
+<span>This text should be immediately under the float.</span>
+<hr>
+<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+This paragraph has a bottom margin of 50px.</span>
+<span style="clear:both; margin-top:25px;margin-bottom:30px"></span>
+<span style="margin-top:40px">This text should be 10px under the float.</span>
+<hr>
+<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+This paragraph has a bottom margin of 50px.</span>
+<span style="clear:both; margin-top:30px;margin-bottom:-60px"></span>
+<span style="margin-top:60px">This text should be immediately under the float.</span>
+<hr>
+<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+This paragraph has a bottom margin of 50px.</span>
+<span style="clear:both; margin-top:25px;margin-bottom:30px"></span>
+<span>This text should be immediately under the float.</span>
+<hr>
+<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+This paragraph has a bottom margin of 50px.</span>
+<span style="clear:both; margin-top:30px"></span>
+<span style="margin-top:40px">This text should be 10px under the float.</span>
+<hr>
+<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+This paragraph has a bottom margin of 50px.</span>
+<span style="clear:both; margin-top:-30px"></span>
+<span style="margin-top:30px">This text should be immediately under the float.</span>
+<hr>
+<span style="border:10px dotted black">
+  <span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+  This paragraph has a bottom margin of 50px.</span>
+  <span style="clear:both; margin-top:25px;margin-bottom:30px"></span>
+</span>
+<hr>
+<span style="border:10px dotted black">
+  <span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+  This paragraph has a bottom margin of 50px.</span>
+  <span style="clear:both; margin-top:-30px"></span>
+</span>